:root{
/* Brand navy → lavender scale (derived from the logo mark gradient) */
--navy-900:#031C41;
--navy-800:#1D3355;
--navy-700:#37496A;
--navy-600:#50607E;
--navy-500:#6A7693;
--navy-400:#848DA7;
--navy-300:#9EA3BC;
--navy-200:#BBBDD3;
--navy-100:#E4E5EE;
--navy-50:#F4F5F9;

/* Neutrals */
--white:#FFFFFF;
--paper:#F2F2F2;
--ink:#14171F;
--ink-muted:#535A6B;

/* Accents actually seen in TATC's own materials */
--accent-green:#3E8853;
--accent-green-dim:#E7EFE9;
--accent-maroon:#6C5353;

/* Semantic aliases */
--color-bg:var(--white);
--color-bg-alt:var(--paper);
--color-surface:var(--white);
--color-surface-sunken:var(--navy-50);
--color-text:var(--ink);
--color-text-muted:var(--ink-muted);
--color-text-on-dark:var(--white);
--color-text-on-dark-muted:var(--navy-200);
--color-border:var(--navy-100);
--color-border-strong:var(--navy-300);

--color-primary:var(--navy-900);
--color-primary-hover:#051E46;
--color-primary-active:#020F26;
--color-secondary:var(--navy-600);
--color-accent:var(--accent-green);
--color-accent-bg:var(--accent-green-dim);
--color-link:var(--navy-800);
--color-link-hover:var(--navy-900);
}