/* Kontaktwerk – Design-Tokens. "Kontakt" = Verbindung, "Werk" = Handwerk, Klarheit. */
:root {
  --papier: #FAF8F5;
  --flaeche: #FFFFFF;
  --flaeche-2: #F2EEE8;
  --linie: #E4DED6;
  --text: #23262A;
  --text-leise: #5C6168;
  --petrol: #1F5C63;
  --petrol-dunkel: #164449;
  --petrol-hell: #E3EEEF;
  --kupfer: #A9582C;
  --kupfer-dunkel: #8C4720;
  --kupfer-hell: #F6E7DD;
  --fehler: #B3261E;
  --fehler-hell: #FBE9E7;
  --ok: #2E6B47;
  --ok-hell: #E5F1EA;
  --radius: 14px;
  --radius-klein: 10px;
  --schatten: 0 1px 2px rgba(35, 38, 42, 0.06), 0 4px 16px rgba(35, 38, 42, 0.06);
  --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --abstand: 16px;
  --breite: 960px;
  --touch: 48px;
}