:root{
/* base — petrol (dunkles Blaugrün; RGB aus den Profil-Seitenscreens 2026-07 — das Druck-PDF war CMYK) */
--petrol-950:#061215;
--petrol-900:#0C1E22;
--petrol-850:#102529;
--petrol-800:#142D31;
--petrol-700:#1B3D40;
--petrol-600:#245055;
/* base — mint (Markenakzent, Logo-Grün) */
--mint-300:#7FD6C1;
--mint-400:#5CC7AD;
--mint-500:#3BB498;
--mint-600:#2F977F;
--mint-700:#247A67;
/* ghost / Ton-in-Ton (riesige Display-Wörter, Numerale) */
--teal-ghost:#1D4644;
/* glow (radiale Lichtflecken auf dunklen Seiten) */
--glow-teal:#247C7E;
/* light pages (textlastige Editorial-Seiten) */
--paper:#FFFFFF;
--paper-soft:#F2F4F4;
--ink:#182022;
--ink-soft:#41504F;
/* text on dark */
--white:#FFFFFF;
--text-on-dark:#E8F0F1;
--text-muted-dark:#A6BFC2;
/* semantic aliases */
--surface-page:var(--petrol-900);
--surface-raised:var(--petrol-850);
--surface-box:var(--petrol-800);
--surface-accent:var(--mint-500);
--accent:var(--mint-500);
--accent-strong:var(--mint-400);
--text-heading:var(--white);
--text-body:var(--text-on-dark);
--text-muted:var(--text-muted-dark);
--text-accent:var(--mint-400);
--border-subtle:rgba(232,240,241,0.14);
/* website: heller Grund mit eingesetzten dunklen Bändern */
--surface-site:#EDF3F2;
--surface-site-strip:#DFEAE8;
--radius-band:22px;
--border-accent:rgba(59,180,152,0.45);
--link:var(--mint-400);
--link-hover:var(--mint-300);
}