:root{
/* Graphite / gunmetal foundation */
--graphite-950:#0B0F13;
--graphite-900:#10151B;
--graphite-850:#151C23;
--graphite-800:#1B232C;
--graphite-700:#28323D;
--graphite-600:#3A4754;
--steel-500:#5A6B7C;
--steel-400:#7C8B9B;
--grey-300:#AEB9C4;
--grey-200:#D2DAE1;
--grey-100:#E6EAEF;
--grey-50:#F3F5F8;
--white:#FFFFFF;
/* Flow aqua — the accent, anchored on the logo lockup (#3DE0D1) */
--flow-300:#8BEEE3;
--flow-400:#3DE0D1;
--flow-500:#17C9B8;
--flow-600:#0C8578;
--flow-700:#096A60;
/* Semantic status (cool-toned, used sparingly) */
--green-500:#1FA971;
--green-600:#15855A;
--amber-500:#DB9412;
--amber-600:#B37709;
--red-500:#E5484D;
--red-600:#C13538;
/* Alpha helpers */
--flow-a10:rgba(23,201,184,.10);
--flow-a16:rgba(23,201,184,.16);
--flow-a35:rgba(23,201,184,.35);
--white-a06:rgba(255,255,255,.06);
--white-a10:rgba(255,255,255,.10);
--white-a16:rgba(255,255,255,.16);
--ink-a06:rgba(11,15,19,.06);
--ink-a12:rgba(11,15,19,.12);
--ink-a55:rgba(11,15,19,.55);
/* Semantic aliases — light surfaces */
--surface-page:var(--white);
--surface-raised:var(--grey-50);
--surface-sunken:var(--grey-100);
--text-strong:var(--graphite-950);
--text-body:var(--graphite-800);
--text-muted:var(--steel-500);
--text-faint:var(--grey-300);
--line:var(--grey-200);
--line-strong:var(--grey-300);
/* Semantic aliases — dark surfaces */
--surface-ink:var(--graphite-950);
--surface-dark:var(--graphite-900);
--surface-dark-raised:var(--graphite-800);
--text-on-dark:var(--grey-50);
--text-on-dark-muted:var(--grey-300);
--text-on-dark-faint:var(--steel-400);
--line-on-dark:var(--white-a10);
/* Accent aliases */
--accent:var(--flow-500);
--accent-strong:var(--flow-600);
--accent-text:var(--flow-600);
--accent-on-dark:var(--flow-400);
--accent-glow:var(--flow-a35);
}