:root{
/* Base brand palette — Transitietaal merkdocument p.13-14 */
--tt-donkerblauw:#002254; /* RGB 0/34/84 — hoofdkleur */
--tt-teal:#1e8688;        /* RGB 30/134/136 */
--tt-roze:#ffbfa8;        /* RGB 255/191/168 */
--tt-mint:#c8eedd;        /* RGB 200/238/221 */
--tt-goud:#e3d08d;        /* RGB 227/208/141 */
--tt-grijs:#dce4e8;       /* RGB 220/228/232 */
--tt-wit:#ffffff;
/* Semantic aliases */
--surface-page:var(--tt-wit);
--surface-inverse:var(--tt-donkerblauw);
--surface-card:var(--tt-wit);
--surface-muted:var(--tt-grijs);
--surface-highlight:var(--tt-mint);
--text-body:var(--tt-donkerblauw);
--text-muted:#4a5b78;
--text-inverse:var(--tt-wit);
--accent-primary:var(--tt-donkerblauw);
--accent-secondary:var(--tt-teal);
--accent-warm:var(--tt-roze);
--accent-soft:var(--tt-mint);
--accent-gold:var(--tt-goud);
--border-subtle:var(--tt-grijs);
--border-strong:var(--tt-donkerblauw);
--link:var(--tt-teal);
--link-hover:var(--tt-donkerblauw);
}