:root{
/* ---- Brand core (verbatim from the SPCTR deck) ---- */
--spctr-blue:#3257B8;        /* primary — titles, rules, primary actions */
--spctr-cyan:#29DDDA;        /* accent — category labels, markers, underlines */
--spctr-periwinkle:#597CF9;  /* secondary accent — supporting labels */
--spctr-periwinkle-line:#5B7FFF; /* dashed connector lines on the timeline */
--spctr-sky:#37A7E8;         /* tinted iconography */
--spctr-navy:#15213F;        /* body copy on light surfaces */
--spctr-ink:#0A081B;         /* densest text / small captions */

/* ---- Blue scale ---- */
--blue-50:#EEF2FB;--blue-100:#DCE4F7;--blue-200:#B6C5EE;--blue-300:#8AA2E2;
--blue-400:#5B7FFF;--blue-500:#3257B8;--blue-600:#2A49A0;--blue-700:#223C85;--blue-800:#1B2F68;

/* ---- Cyan scale ---- */
--cyan-50:#E6FCFC;--cyan-100:#C7F8F7;--cyan-200:#8FF1F0;--cyan-300:#55E7E5;
--cyan-400:#29DDDA;--cyan-500:#17BFBD;--cyan-600:#0F9C9A;--cyan-700:#0A7574;

/* ---- Neutrals (cool, navy-biased) ---- */
--n-0:#FFFFFF;--n-50:#FBFCFE;--n-100:#F3F6FC;--n-150:#EDF1F8;--n-200:#DCE3F0;
--n-300:#C2CCE0;--n-400:#98A4BE;--n-500:#6E7B98;--n-600:#4D5A77;--n-700:#334159;
--n-800:#1F2B43;--n-900:#15213F;--n-1000:#0A081B;

/* ---- Semantic ---- */
--ok-500:#1D9A6C;--ok-100:#DFF4EB;
--warn-500:#C8791A;--warn-100:#FBEEDC;
--risk-500:#C0392F;--risk-100:#FBE7E5;
--info-500:#37A7E8;--info-100:#E2F2FC;

/* ---- Surfaces ---- */
--surface-page:#FBFCFE;      /* default slide / page ground */
--surface-tint:#EDF1F8;      /* banded section ground */
--surface-card:#FFFFFF;
--surface-raised:#FFFFFF;
--surface-inverse:#15213F;
--surface-inverse-deep:#0A081B;
--surface-accent:#E6FCFC;

/* ---- Text ---- */
--text-display:#3257B8;
--text-heading:#15213F;
--text-body:#15213F;
--text-muted:#4D5A77;
--text-subtle:#6E7B98;
--text-accent:#29DDDA;       /* display sizes only — see readme */
--text-on-inverse:#FFFFFF;
--text-on-accent:#0A081B;
--text-link:#3257B8;
--text-link-hover:#223C85;

/* ---- Lines ---- */
--border-subtle:#DCE3F0;
--border-default:#C2CCE0;
--border-strong:#3257B8;
--rule-accent:#29DDDA;
--focus-ring:#597CF9;

/* ---- Interactive ---- */
--action-primary:#3257B8;
--action-primary-hover:#2A49A0;
--action-primary-active:#223C85;
--action-accent:#29DDDA;
--action-accent-hover:#17BFBD;
--action-accent-active:#0F9C9A;
--action-disabled-bg:#DCE3F0;
--action-disabled-text:#98A4BE;

/* ---- Brand gradient (logo hexagon stroke: cyan -> blue) ---- */
--grad-hex:linear-gradient(135deg,#4FC8CE 0%,#3B8FD4 50%,#3256B8 100%); /* @kind color */
}