:root{
  color-scheme:light;
  /* Core palette */
  --st-violet:#5746E8;        /* Strata Violet — primary brand, CTA, links, selected states */
  --st-violet-press:#4636C8;  /* Violet Press — pressed/active CTA */
  --st-cobalt:#315CF5;        /* Electric Cobalt — motion energy, interactive accents */
  --st-midnight:#0B1424;      /* Midnight — dark cinematic stages, footer, overlays */
  --st-navy:#102A43;          /* Deep Navy — primary body ink, secondary dark surfaces */
  --st-bone:#F7F3EA;          /* Bone — main premium canvas */
  --st-white:#FFFFFF;         /* White — cards, crisp surfaces, reversed text/logo */
  --st-slate:#66758A;         /* Slate — secondary copy, labels, metadata */
  --st-soft-violet:#E9E6FF;   /* Soft Violet — quiet tint, tags, low-intensity fields */
  --st-hairline:#D9E0E8;      /* Hairline — borders, rules, form outlines */
  --st-coral:#F06449;         /* Signal Coral — rare editorial marker only */
  --st-success:#2E7D5B;       /* Field Green — functional success only */
  --st-error:#B42335;         /* Error Red — functional validation/error only */
  /* Semantic aliases */
  --surface-page:var(--st-bone);
  --surface-card:var(--st-white);
  --surface-stage:var(--st-midnight);
  --surface-tint:var(--st-soft-violet);
  --text-body:var(--st-navy);
  --text-secondary:var(--st-slate);
  --text-inverse:var(--st-white);
  --text-inverse-secondary:#B9C4D4;
  --accent:var(--st-violet);
  --accent-press:var(--st-violet-press);
  --accent-energy:var(--st-cobalt);
  --border-hairline:var(--st-hairline);
  --border-hairline-dark:rgb(255 255 255 / 0.16);
  /* Gradients */
  --grad-dark-energy:linear-gradient(135deg,#0B1424 0%,#102A43 45%,#315CF5 82%,#5746E8 100%); /* @kind color */
  --grad-light-atmosphere:linear-gradient(160deg,#F7F3EA 0%,#E9E6FF 70%,rgb(87 70 232 / 0.18) 100%); /* @kind color */
}