:root{
/* Grün – Trägerfarbe (aus :root der Live-Seite) */
--forest-deep:#0d2511;--forest:#1d3a1f;--forest-700:#28492a;--moss:#517d4a;--moss-light:#6f9a66;--sage-logo:#517d4a;
/* Limette – Signalfarbe */
--accent:#c7e94c;--accent-strong:#aed12f;--accent-deep:#8aab21;--accent-soft:#eef7c9;
/* Helle Flächen */
--cream:#f6f2e8;--cream-deep:#eee8d8;--paper:#fbf9f2;--white:#ffffff;
/* Schrift */
--ink:#16201b;--ink-soft:#445049;--ink-mute:#6b766f;
/* Linien */
--line:rgba(29,58,31,.14);--line-soft:rgba(29,58,31,.08);--line-on-dark:rgba(246,242,232,.14);
/* Semantik */
--ok:#517d4a;--warn:#b7791f;--danger:#a53b2a;--info:#2f5f7d;
/* Aliases */
--surface:var(--cream);--surface-raised:var(--paper);--surface-sunken:var(--cream-deep);--surface-dark:var(--forest);--surface-darker:var(--forest-deep);
--text-body:var(--ink);--text-soft:var(--ink-soft);--text-mute:var(--ink-mute);--text-on-dark:var(--cream);--text-on-dark-soft:rgba(246,242,232,.72);--text-on-accent:var(--forest-deep);
--brand:var(--forest);--brand-hover:var(--forest-700);--brand-icon:var(--moss);
--cta:var(--accent);--cta-hover:var(--accent-strong);--cta-text:var(--forest-deep);
--link:var(--moss);--link-hover:var(--forest);
--focus-ring:0 0 0 2px var(--cream),0 0 0 4px var(--moss);/* @kind shadow */
}