:root{
/* Base palette — sampled from assets/muetze-drauf.jpg */
--navy-900:#14212F;--navy-800:#1B2A3A;--navy-600:#2C4257;--navy-300:#8FA3B5;
--green-700:#4E5D12;--green-600:#5C7A1E;--green-500:#6F8C2A;--green-400:#8AA23E;--green-300:#A8BC5A;--green-100:#EBF0DA;
--winter-600:#3E7FB5;--winter-400:#7FB4DC;--winter-300:#A7CBE3;--winter-100:#DCEBF6;
--summer-600:#E07E1F;--summer-500:#F0A63A;--summer-300:#F7D98A;--summer-100:#FDF3D6;
--cream:#F7EEDE;--paper:#F9F8F4;--white:#FFFFFF;
--red-600:#C24A3A;
/* Semantic */
--ink:var(--navy-800);--ink-soft:var(--navy-600);--ink-muted:#5E6E7C;
--brand:var(--green-600);--brand-strong:var(--green-700);--brand-soft:var(--green-100);
--accent-warm:var(--summer-500);--accent-cool:var(--winter-400);
--surface-page:var(--paper);--surface-card:var(--white);--surface-tint:var(--cream);
--text-body:var(--ink);--text-muted:var(--ink-muted);--text-on-brand:#FFFFFF;--text-on-navy:#FFFFFF;
--border-soft:#E6E2D8;--border-strong:#CFD6C2;
--focus-ring:0 0 0 3px rgba(111,140,42,.35);
--success:var(--green-600);--warning:var(--summer-600);--danger:var(--red-600);--info:var(--winter-600);
}