:root{
/* Palet — brandbook sectie 04 */
--tmm-canvas:#FFFFFF;
--tmm-ink:#33302B;
--tmm-coral:#EE5A2B;
--tmm-geel:#F0A62F;
--tmm-groen:#22B394;
--tmm-blauw:#3E8FCC;
--tmm-roze:#E4578C;
--tmm-vlak:#F5EEE4;

/* Tekstvarianten van de accenten (accent als tekst op licht) */
--tmm-coral-text:#C24A1E;
--tmm-geel-text:#96650F;
--tmm-groen-text:#17805F;
--tmm-blauw-text:#2A6F9F;

/* Afgeleide inkt-trappen (alleen voor randen, muted tekst, hover) */
--tmm-ink-90:#43403A;
--tmm-ink-70:#6B665F;
--tmm-ink-55:#8C8781;
--tmm-ink-30:#C3BFB9;
--tmm-ink-12:#E7E3DD;
--tmm-ink-06:#F2EFEA;
--tmm-coral-hover:#D64C20;
--tmm-creme:#FDF8F2;

/* Semantische aliassen */
--text-body:var(--tmm-ink);
--text-muted:var(--tmm-ink-70);
--text-subtle:var(--tmm-ink-55);
--text-inverse:var(--tmm-canvas);
--text-link:var(--tmm-blauw-text);
--text-accent:var(--tmm-coral-text);
--surface-page:var(--tmm-canvas);
--surface-sunken:var(--tmm-vlak);
--surface-card:var(--tmm-canvas);
--surface-card-warm:var(--tmm-creme);
--surface-inverse:var(--tmm-ink);
--border-hairline:var(--tmm-ink-12);
--border-strong:var(--tmm-ink);
--action-primary:var(--tmm-coral);
--action-primary-hover:var(--tmm-coral-hover);
--accent-structure:var(--tmm-blauw);
--accent-result:var(--tmm-groen);
--accent-smile:var(--tmm-geel);
--accent-wink:var(--tmm-roze);
}