/* ============================================================
   IBEX MARKET — BRAND TOKENS (Magenta system, locked v3.0)
   ------------------------------------------------------------
   oklch() values are the SOURCE OF TRUTH. The /* hex */ comments
   are approximate sRGB fallbacks for environments without oklch
   (email, legacy). All modern browsers support oklch — prefer it.
   ============================================================ */

:root {
  /* --- Neutrals -------------------------------------------- */
  --ibex-ink:        #140F14;  /* terminal bg, primary text on light          */
  --ibex-paper:      #F5F1F4;  /* comms bg (light-first lead), text on ink     */
  --ibex-surface:    #FCFBF8;  /* raised card on paper                         */
  --ibex-mist:       #D5D3CC;  /* neutral hairline border on light            */
  --ibex-blush:      #E2D8E0;  /* warm divider on paper                        */
  --ibex-slate:      #3A2F38;  /* divider/border on ink                        */

  /* Text ramp on light */
  --ibex-text:       #34312A;  /* body on paper                                */
  --ibex-text-soft:  #5C4F58;  /* secondary on paper                           */
  --ibex-text-mute:  #75636E;  /* tertiary / mono labels on paper             */
  /* Text ramp on ink */
  --ibex-on-ink:     #F5F1F4;  /* primary text on ink                          */
  --ibex-on-ink-mute:#A18E9B;  /* secondary text on ink                        */

  /* --- Brand magenta · TWO RANKS --------------------------- */
  /* Hue 335. Deep rank for LIGHT surfaces, neon rank for INK.  */
  --ibex-magenta-deep: oklch(0.5 0.19 335);  /* #A81E6C — on paper: links, buttons, accents */
  --ibex-magenta-neon: oklch(0.7 0.2 335);   /* #ED3F9E — on ink: terminal accent, glow      */

  /* --- Volt · HIGHLIGHTER ONLY ----------------------------- */
  /* NEVER a text color. Fill behind ink text. Posters/comms only.
     NEVER appears in the terminal. */
  --ibex-volt: oklch(0.9 0.17 100);          /* #E6E400 */

  /* --- Semantic TAPE (P&L) · RESERVED ---------------------- */
  /* These are NOT brand colors. Used only for market data.
     ALWAYS pair with a ▲ / ▼ glyph + sign — never hue alone. */
  --ibex-up:   oklch(0.72 0.14 150);         /* #1FA86B — long / positive  */
  --ibex-down: oklch(0.62 0.19 25);          /* #CF3A2D — short / negative */

  /* --- Radius --------------------------------------------- */
  --ibex-r-sm: 7px;
  --ibex-r-md: 12px;
  --ibex-r-lg: 14px;
  --ibex-r-xl: 18px;

  /* --- Type ----------------------------------------------- */
  --ibex-font-sans: "Archivo", system-ui, sans-serif;
  --ibex-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Display / hero      */ --ibex-fs-display: 72px; --ibex-fw-display: 800; --ibex-ls-display: -0.015em;
  /* Section heading     */ --ibex-fs-h2: 30px;      --ibex-fw-h2: 800;      --ibex-ls-h2: -0.01em;
  /* Sub-heading         */ --ibex-fs-h3: 26px;      --ibex-fw-h3: 600;
  /* Body                */ --ibex-fs-body: 16px;    --ibex-fw-body: 400;    --ibex-lh-body: 1.65;
  /* Technical / mono    */ --ibex-fs-mono: 13px;    --ibex-fw-mono: 500;    --ibex-ls-mono: 0.08em;
  /* Eyebrow label       */ --ibex-fs-eyebrow: 12px; --ibex-ls-eyebrow: 0.14em;
}

/* ============================================================
   USAGE RULES (enforced — not suggestions)
   ------------------------------------------------------------
   1. Magenta NEVER colors P&L. P&L uses --ibex-up / --ibex-down
      and ALWAYS carries a ▲/▼ shape cue + sign.
   2. Volt NEVER sets type and NEVER enters the terminal.
   3. The mark is NEVER outlined, rotated, stretched, recolored
      off-palette, or set below full opacity.
   4. One accent moment per surface.
   5. Comms (web, docs, decks, posters) lead LIGHT (paper + deep
      magenta). The terminal is INK-only (ink + neon magenta).
   6. Deep magenta as text on paper is the contrast FLOOR (~5.3:1,
      AA): never below 11px, never on blush/mist — pair with ink.
   ============================================================ */