/* ============================================================
   OMX Gold Standard — Design Token Contract
   Source: D:\20-PROJECTS\officemax\OMX-GOLD-STANDARD.md §6
   Lineage: lens/design-system/tokens.css v1.2 (Hi-Fi)

   Use var(--omx-*) only. No hex literals in any project CSS.
   ============================================================ */

:root {
  /* === Canonical OMX tokens (standard §6) === */
  --omx-primary: #94AABA;   /* Slate Blue */
  --omx-accent:  #DA7756;   /* Coral */
  --omx-gain:    #1A7A2E;   /* Gain green */
  --omx-loss:    #A14B30;   /* Loss red */
  --omx-ink:     #1A1915;
  --omx-muted:   #5C5850;
  --omx-paper:   #FFFFFF;
  --omx-sand:    #F4F1EC;

  /* === Surfaces (derived) === */
  --omx-bg-page:    var(--omx-sand);
  --omx-bg-surface: var(--omx-paper);
  --omx-bg-card:    var(--omx-paper);
  --omx-bg-hover:   #ECE7DC;
  --omx-bg-input:   var(--omx-paper);
  --omx-border:     #DCD5C6;

  /* === Text (derived) === */
  --omx-text-primary:   var(--omx-ink);
  --omx-text-secondary: var(--omx-muted);
  --omx-text-muted:     #8B8474;

  /* === Semantic feedback (data vis policy) === */
  --omx-success: var(--omx-gain);
  --omx-warning: #C9882B;
  --omx-danger:  var(--omx-loss);
  --omx-info:    var(--omx-primary);

  /* === OMX Data-Vis palette (Tableau 10 — §2 frontend tokens) === */
  --omx-series-1: #4e79a7;   /* blue */
  --omx-series-2: #f28e2b;   /* orange */
  --omx-series-3: #e15759;   /* red */
  --omx-series-4: #76b7b2;   /* teal */
  --omx-series-5: #59a14f;   /* green */
  --omx-series-6: #edc949;   /* yellow */
  --omx-series-7: #af7aa1;   /* purple */
  --omx-series-8: #ff9da7;   /* pink */
  --omx-series-9: #9c755f;   /* brown */
  --omx-series-10: #bab0ab;  /* grey */

  /* === Spacing (8px scale) === */
  --omx-space-2xs: 2px;
  --omx-space-xs:  4px;
  --omx-space-sm:  8px;
  --omx-space-md:  16px;
  --omx-space-lg:  24px;
  --omx-space-xl:  32px;
  --omx-space-2xl: 48px;
  --omx-space-3xl: 64px;

  /* === Typography === */
  --omx-type-family:      'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --omx-type-family-mono: 'JetBrains Mono', 'Cascadia Code', ui-monospace, monospace;

  --omx-type-size-xs:  12px;
  --omx-type-size-sm:  14px;
  --omx-type-size-md:  15px;
  --omx-type-size-lg:  18px;
  --omx-type-size-xl:  22px;
  --omx-type-size-2xl: 28px;

  --omx-type-weight-normal:   400;
  --omx-type-weight-medium:   500;
  --omx-type-weight-semibold: 600;
  --omx-type-weight-bold:     700;

  --omx-type-leading-tight:  1.1;
  --omx-type-leading-normal: 1.4;
  --omx-type-leading-base:   1.6;

  /* === Border radius === */
  --omx-radius-sm:   4px;
  --omx-radius-md:   8px;
  --omx-radius-lg:   12px;
  --omx-radius-pill: 9999px;

  /* === Shadow === */
  --omx-shadow-sm: 0 1px 2px  rgba(26, 25, 21, 0.06);
  --omx-shadow-md: 0 2px 8px  rgba(26, 25, 21, 0.08);
  --omx-shadow-lg: 0 8px 24px rgba(26, 25, 21, 0.12);

  /* === Z-index === */
  --omx-z-base:   1;
  --omx-z-sticky: 50;
  --omx-z-topbar: 200;
  --omx-z-modal:  1000;
  --omx-z-toast:  1100;
}