/* DataProspect Design System, Tokens. Werte stammen aus SKILL.md Kapitel 1, nicht aus dem Kopf. */
:root{
  --ink:#121212;   --ink-2:#1C1C1C;
  --muted:#525252; --muted-dark:#A3A3A3; --line:#E0E0E0; --field:#858585;
  --lime:#C2F325;  --lime-tint:#EEF9D6;  --accent-text:#9E1A3B;
  --bg:#F9F8F5;    --surface:#FFFFFF;    --mist:#F0F1EA;   --on-dark:#F9F8F5;
  --ok:#1F7A3F;    --warn:#7A5000;       --crit:#B3321F;
  --schrift:Inter,system-ui,sans-serif;
  --r:12px;
}
body{background:var(--bg);color:var(--ink);font-family:var(--schrift);font-size:16px;line-height:1.55}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0;text-wrap:balance}
h1{font-size:clamp(32px,5vw,52px)} h2{font-size:32px} h3{font-size:20px;font-weight:600}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.zahl{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}
.hl{background:var(--lime);color:var(--ink);padding:0 8px;white-space:nowrap}
.karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.dunkel{background:var(--ink);color:var(--on-dark);border-radius:var(--r);padding:24px}
.dunkel .zahl{color:var(--lime)}
.btn-primaer{background:var(--lime);color:var(--ink);border:0;border-radius:var(--r);padding:12px 20px;font:inherit;font-weight:600;white-space:nowrap}
.btn{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:var(--r);padding:12px 20px;font:inherit;font-weight:600;white-space:nowrap}
input,select,textarea{border:1px solid var(--field);background:var(--surface);color:inherit;font:inherit;padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.dunkel :focus-visible{outline-color:var(--lime)}
.st-ok{color:var(--ok)} .st-warn{color:var(--warn)} .st-crit{color:var(--crit)}