/* ============================================================
   PRIIME · COLOR TOKENS
   A near-monochrome foundation with ONE electric accent.
   ~90% ink-on-paper, 10% orange. The accent earns attention
   precisely because almost nothing else carries it.
   ============================================================ */

:root {
  /* ---------- Accent · Priime orange (the 10%) ⭐ signature ---------- */
  --o-400: #4D8BFF;        /* top-light highlight on extruded orange */
  --o-500: #2B5CFF;        /* PRIMARY accent — controls, active tab, CTA, slash-index */
  --o-600: #1B2FEE;        /* pressed / hover / orange-text-on-light */
  --o-glow: rgba(43, 92, 255, .55);
  --o-wash: rgba(43, 92, 255, .08);   /* faint orange fill (active zones) */
  --o-hatch: rgba(43, 92, 255, .10);  /* diagonal-hatch accent fill */

  /* ---------- Ink · text ramp (canonical, brand-tokens.json) ---------- */
  --ink-900: #0B0B0B;      /* max-contrast · wordmark · footer black */
  --ink-800: #161616;      /* PRIMARY text & headings (home register) */
  --ink-700: #262626;      /* dark surfaces / inverted blocks */
  --ink-500: #6F6C66;      /* secondary text · captions */
  --ink-400: #8A877F;      /* tertiary labels */
  --ink-300: #A29E95;      /* faint labels (large/label use only, 2.6:1) */
  --ink-200: #CFCFCA;      /* grid lines, hairlines */

  /* ---------- Doc register (memos, decks, print — see brand/doc-anatomy.md) ---------- */
  --doc-ink: #1A1A1A;      /* doc headings / primary ink */
  --doc-ink-warm: #141210; /* hero headline ink · big stats */
  --doc-prose: #46443F;    /* long-form body text */
  --doc-lead: #56534E;     /* lead / intro paragraphs */
  --doc-callout: #5A564F;  /* callout body text */
  --note-wash: #EEF2FF;    /* note callout bg (orange wash flattened on white) */
  --warn-wash: #FAF5F1;    /* warn callout bg (amber wash flattened on white) */

  /* ---------- Key & display black (hardware) ---------- */
  --k-700: #262626;
  --k-800: #161616;        /* black keys */
  --k-900: #0B0B0B;        /* true black — screens, exploded-diagram bg */
  --screen-bg: #0B0B0B;    /* recessed OLED / LCD field */

  /* ---------- Surfaces ---------- */
  --surface-0: #FFFFFF;    /* page background (default) */
  --surface-50: #F6F6F6;   /* subtle card fill */
  --surface-100: #F2F3F4;  /* section banding */
  --surface-150: #EEF1F6;  /* cool input / inset fill */
  --paper: #F4F3F1;        /* marketing "blueprint paper" background */

  /* ---------- Aluminium & greys (anodized body + knob ramp) ---------- */
  --alu-0: #F5F5F2;        /* lightest highlight / white keys */
  --alu-50: #ECECE8;       /* top plate / page surface */
  --alu-100: #E0E0DC;      /* panel fill */
  --alu-200: #CFCFCA;      /* edges / hairline */
  --g-300: #B6B6B2;        /* light knob, hairlines */
  --g-500: #9A9A96;        /* anodized body grey */
  --g-600: #6F6F6C;        /* mid knob, dark labels */
  --g-700: #4A4A47;        /* dark labels */

  /* ---------- Borders & dashes ---------- */
  --border: #E7E4DD;       /* default hairline border */
  --border-strong: #D0D0CB;
  --dash: #D6D1C8;         /* dashed registration lines / dividers */
  --dash-docs: #E0DCD4;    /* docs-register dashed rule */
  --dash-on-black: #322E2A;/* dashed grid lines on the black section */

  /* ---------- LCD micro-palette (displays only, tiny) ---------- */
  --lcd-bg: #0A0705;
  --lcd-red: #FF3B2F;
  --lcd-blue: #2D6CF5;
  --lcd-pink: #FF2D78;
  --lcd-cyan: #19C6E6;

  /* ---------- Status (rare — only the most meaningful elements) ---------- */
  --warn: #C2864E;         /* drift / caution (sand-amber, not red) */
  --ok: #3AA66A;           /* healthy / settled on light (reserved) */
  --ok-dark: #5FD39A;      /* verified / quorum-signed on dark screens */
  --neg: #1B2FEE;          /* negative values in tables / tear sheets */

  /* ---------- SEMANTIC aliases (build with these) ---------- */
  --bg: var(--paper);              /* default page background */
  --surface: var(--surface-0);     /* default card surface */
  --text: var(--ink-800);          /* body & headings */
  --text-strong: var(--ink-900);   /* max-contrast headings, logo */
  --text-muted: var(--ink-500);    /* secondary text */
  --text-faint: var(--ink-300);    /* captions, disabled */
  --accent: var(--o-500);
  --accent-press: var(--o-600);
  --on-accent: #FFFFFF;            /* text on orange */
}