/* Colour — two grounds, one accent.
   Instrument (dark) is the default for all product and site work.
   Document (cream) is reserved for long-form reading: manifesto, papers, certificates.
   Max two page backgrounds per artifact. No gradients. No glassmorphism.
   Depth comes from three panel tones and 1px lines, never from shadow.
   New colours, if unavoidable, are derived in oklch from these anchors. */
:root{
  /* ---- Instrument mode (dark) — canonical names from Brand Book §3 ---- */
  --ground:#08131F;          /* page background, and nothing else */
  --panel:#0A1725;           /* cards, panels */
  --raised:#0C1B2B;          /* selected / hover panel state */
  --line:#1B3243;            /* ALL borders and 1px grid gaps */
  --line-faint:#142838;      /* secondary hairlines */
  --text:#F2EFEA;            /* headlines, primary text — cream, never pure white */
  --body:#A9BAC7;            /* body copy */
  --muted:#7F97AA;           /* secondary text, inactive nav */
  --faint:#476580;           /* metadata, tertiary labels */
  --ghost:#35536B;           /* lowest-emphasis label text */
  --accent:#2AB6D0;          /* teal — active states, links, the star, CTAs */
  --accent-hover:#55CDE3;
  --warn:#A8843F;            /* amber — caveats, unresolved items, NOT statements */

  /* ---- Document mode (cream) ---- */
  --doc-ground:#EDE9E3;
  --doc-ink:#19324A;
  --doc-body:#3D4A57;
  --doc-muted:#6B6459;
  --doc-faint:#8A8377;
  --doc-line:#D3CCC0;
  --doc-line-2:#C3BBAD;
  --doc-accent:#0089A3;

  /* ---- Seal colours ---- */
  --seal-cream:#F2EFEA;      /* strokes on dark ground */
  --seal-ink:#19324A;        /* strokes on cream ground */
  --seal-object:#2AB6D0;     /* the object, on dark ground */
  --seal-object-doc:#0096B3; /* the object, on cream ground */
  --seal-gold:#D4AF37;       /* ceremonial only: struck seals, certificates, signed papers */

  /* ---- Product bridge ---- Tier-3 endorsed products (Uhuru AI, Uhuru Cloud, GreyEd,
     WeDraft, Bio-D) keep the OrionX platform palette. The Labs signs them; it does not
     repaint them. Use ONLY inside an endorsed-product surface, never in Labs chrome. */
  --pr-teal:#0096B3;
  --pr-teal-hover:#0089A3;
  --pr-teal-press:#006F8A;
  --pr-orange:#FF6A00;
  --pr-orange-hover:#FF6118;
  --pr-navy:#19324A;
  --pr-navy-deep:#002F4B;
  --pr-sand:#F7F5F2;
  --pr-sand-deep:#EAE7E3;
  --pr-border:#EAE7E3;
  --pr-gold:#D4AF37;
  --pr-success:#10B981;
  --pr-error:#EF4444;
  --pr-warning:#F59E0B;

  /* ---- Semantic aliases — what a designer reaches for ---- */
  --surface-page:var(--ground);
  --surface-card:var(--panel);
  --surface-selected:var(--raised);
  --surface-grid:var(--line);          /* the grid background the 1px gaps show through */
  --text-display:var(--text);
  --text-body:var(--body);
  --text-secondary:var(--muted);
  --text-meta:var(--faint);
  --text-ghost:var(--ghost);
  --text-accent:var(--accent);
  --text-on-accent:#08131F;            /* on-accent text is always ink. Never white. */
  --border-default:var(--line);
  --border-hairline:var(--line-faint);
  --border-active:var(--accent);
  --signal-caveat:var(--warn);
  --link:var(--accent);
  --link-hover:var(--accent-hover);
  --focus-ring:var(--accent);
}

/* Document mode is opt-in per artifact or per region. */
[data-mode="document"]{
  --surface-page:var(--doc-ground);
  --surface-card:#F4F1EC;
  --surface-selected:#E6E1D9;
  --surface-grid:var(--doc-line);
  --text-display:var(--doc-ink);
  --text-body:var(--doc-body);
  --text-secondary:var(--doc-muted);
  --text-meta:var(--doc-faint);
  --text-ghost:var(--doc-faint);
  --text-accent:var(--doc-accent);
  --text-on-accent:#EDE9E3;
  --border-default:var(--doc-line);
  --border-hairline:#E0DAD0;
  --border-active:var(--doc-accent);
  --signal-caveat:#8A6A2C;
  --link:var(--doc-accent);
  --link-hover:#00728A;
  --focus-ring:var(--doc-accent);
}

/* Endorsed-product mode: the platform palette, for Tier-3 product surfaces. */
[data-mode="product"]{
  --surface-page:var(--pr-sand);
  --surface-card:#FFFFFF;
  --surface-selected:#F1FAFC;
  --surface-grid:var(--pr-border);
  --text-display:var(--pr-navy-deep);
  --text-body:#44403C;
  --text-secondary:#78716C;
  --text-meta:#A8A29E;
  --text-ghost:#D6D3D1;
  --text-accent:var(--pr-teal);
  --text-on-accent:#FFFFFF;
  --border-default:var(--pr-border);
  --border-hairline:#F1EFEC;
  --border-active:var(--pr-teal);
  --signal-caveat:var(--pr-warning);
  --link:var(--pr-teal-hover);
  --link-hover:var(--pr-teal-press);
  --focus-ring:var(--pr-teal);
}