:root{
/* Base palette — Bentele & Kramer */
--bk-white:#FFFFFF;
--bk-mint-1:#ECF5F3; /* helles Mint, primäre Tonfläche */
--bk-mint-2:#E4F0ED; /* tieferes Mint, sekundäre Tonfläche */
--bk-teal:#157372;   /* EINZIGER Akzent */
--bk-teal-deep:#0E4F4E; /* abgedunkelter Teal für Flächen mit weißem Text (≥4.5:1) */
--bk-navy:#2C344C;   /* Dunkelton statt Schwarz */
--bk-navy-muted:#565E75; /* sekundärer Text auf Weiß/Mint */
/* Semantic aliases */
--surface-page:var(--bk-white);
--surface-tint:var(--bk-mint-1);
--surface-tint-2:var(--bk-mint-2);
--surface-card:var(--bk-white);
--surface-accent:var(--bk-teal-deep); /* dunkle Akzentfläche, Text weiß */
--surface-navy:var(--bk-navy);
--text-body:var(--bk-navy);
--text-muted:var(--bk-navy-muted);
--text-accent:var(--bk-teal);
--text-on-dark:#FFFFFF;
--text-on-dark-muted:rgba(255,255,255,.72);
--accent:var(--bk-teal);
--accent-deep:var(--bk-teal-deep);
--accent-hover:#0F5F5E; /* Hover-Stufe zwischen Teal und Teal-Deep */
--accent-wash:rgba(21,115,114,.08); /* Teal-Hauch für Hover auf hellen Flächen */
--line:rgba(44,52,76,.14);
--line-strong:rgba(44,52,76,.28);
--line-on-dark:rgba(255,255,255,.22);
--focus-ring:var(--bk-teal);
}