:root{
  /* ---- SUPER 8 Studio brand (playbook p.7) ---- */
  --s8-purple:#5E00FF;              /* PANTONE 2368C · C82 M78 Y0 K0 · R94 G0 B255 */
  --s8-mist:#F4F5FF;                /* C6 M4 Y0 K0 · R244 G245 B255 */
  --s8-ink:#231815;                 /* C78 M82 Y83 K67 · R35 G24 B21 */
  --s8-white:#FFFFFF;

  /* purple ramp — derived tints/shades of --s8-purple for UI states only.
     Never used as a substitute for the brand purple in logo or identity contexts. */
  --purple-50:#F4F5FF;
  --purple-100:#E9E2FF;
  --purple-200:#D2C2FF;
  --purple-300:#B295FF;
  --purple-400:#8B54FF;
  --purple-500:#5E00FF;
  --purple-600:#4E00D6;
  --purple-700:#3D00A8;
  --purple-800:#2C007A;
  --purple-900:#1B004D;

  /* neutral ramp — warm, pulled toward --s8-ink */
  --ink-0:#FFFFFF;
  --ink-25:#FAFAFB;
  --ink-50:#F2F2F4;
  --ink-100:#E6E5E8;
  --ink-200:#D2D0D4;
  --ink-300:#B0ADB2;
  --ink-400:#8A8589;
  --ink-500:#655F62;
  --ink-600:#4A4340;
  --ink-700:#352C29;
  --ink-800:#231815;
  --ink-900:#160F0D;

  /* ---- Product: InsightArk ---- */
  --insightark-primary:#F1844C;
  --insightark-secondary:#F5B996;
  --insightark-ink:#231815;
  --insightark-gradient:linear-gradient(180deg,#F1844C 0%,#F5B996 100%); /* @kind color */

  /* ---- Product: ORRA ---- */
  --orra-primary:#5F14EF;
  --orra-secondary:#D8C6FC;
  --orra-lilac:#E1B9FD;
  --orra-violet:#9C58FD;
  --orra-ink:#231815;
  --orra-gradient:linear-gradient(135deg,#5F14EF 0%,#9C58FD 55%,#E1B9FD 100%); /* @kind color */

  /* ---- ORRA AI 員工 (agent avatars) ----
     One accent per 員工 identity. The accent is sampled from the avatar's own
     body gradient; the -ink pair is its facial stroke and is the only text colour
     allowed on top of the accent. Never used for UI state or brand surfaces. */
  --agent-azure:#74B0FF;
  --agent-azure-ink:#245AAF;
  --agent-mint:#75E9C6;
  --agent-mint-ink:#1D6F4A;
  --agent-orchid:#BA75FF;
  --agent-orchid-ink:#4A2D6F;
  --agent-coral:#FF7E96;
  --agent-coral-ink:#6F121D;
  --agent-lime:#A9FF75;
  --agent-lime-ink:#316F00;
  --agent-apricot:#FFA76E;
  --agent-apricot-ink:#7E3C17;
  --agent-indigo:#8288FF;
  --agent-indigo-ink:#2D316F;
  --agent-amber:#FFDF75;
  --agent-amber-ink:#7A6A2E;

  /* ---- Semantic ---- */
  --success:#1F9D6B;
  --success-surface:#E7F6EF;
  --warning:#E0940F;
  --warning-surface:#FDF3E0;
  --danger:#D93A31;
  --danger-surface:#FCEBEA;
  --info:#5E00FF;
  --info-surface:#F4F5FF;

  /* ---- Semantic aliases ---- */
  --text-primary:var(--s8-ink);
  --text-secondary:var(--ink-500);
  --text-muted:var(--ink-400);
  --text-inverse:var(--s8-white);
  --text-accent:var(--s8-purple);
  --text-link:var(--s8-purple);
  --text-link-hover:var(--purple-600);

  --surface-page:var(--s8-white);
  --surface-subtle:var(--s8-mist);
  --surface-card:var(--s8-white);
  --surface-sunken:var(--ink-50);
  --surface-inverse:var(--s8-ink);
  --surface-accent:var(--s8-purple);
  --surface-accent-subtle:var(--purple-50);

  --border-subtle:var(--ink-100);
  --border-default:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-accent:var(--s8-purple);
  --border-inverse:rgba(255,255,255,.22);

  --focus-ring:0 0 0 3px rgba(94,0,255,.28);
  --overlay-scrim:rgba(35,24,21,.55);
}