:root{
/* Brand teals */
--teal-100:#d9f4f0;--teal-200:#b0e9e2;--teal-300:#83d9d0;--teal-400:#3ecfc0;--teal-500:#12b8a8;--teal-600:#009f93;--teal-700:#007d74;--teal-bright:#2ee6d6;
/* Darks (deep teal-ink, never pure black) */
--dark-900:#040c0d;--dark-800:#0a1414;--dark-700:#0e1919;--dark-600:#13221f;--dark-teal:#062e2b;
/* Light neutrals */
--paper:#f7fbfb;--paper-2:#eef4f3;--white:#ffffff;
--ink:#101816;--ink-2:#3c4a48;--ink-3:#5b6b69;
/* On-dark text */
--dark-fg:#f2f8f7;--dark-fg-2:#a8bab7;--dark-fg-3:#6d807d;
/* Semantic */
--surface-page:var(--paper);--surface-card:var(--white);--surface-dark:var(--dark-900);--surface-card-dark:var(--dark-700);
--text-body:var(--ink-2);--text-heading:var(--ink);--text-muted:var(--ink-3);
--accent:var(--teal-600);--accent-soft:var(--teal-300);--accent-on-dark:var(--teal-bright);
--border-light:rgba(16,24,22,.12);--border-dark:rgba(131,217,208,.16);
--glow-teal:0 0 60px rgba(46,230,214,.25);
}