/* Psychotherapeutische Praxis – Design-Tokens als CSS-Variablen.
   Automatisch aus tokens.json erzeugt. Nicht von Hand pflegen. */

@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/poppins-latin-800-italic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; }

:root {
  --blau: #1e88ff;
  --gruen: #2ecc71;
  --orange: #ff8a3d;
  --gelb: #ffd66b;
  --dark: #1a2b4a;
  --amber: #f5a623;
  --blau-text: #0068de;
  --gruen-text: #1d8147;
  --orange-text: #ba4a00;
  --amber-text: #8a6100;
  --text: #475569;
  --text-muted: #64748b;
  --placeholder: #94a3b8;
  --border-strong: #cbd5e1;
  --border: #e2e8f0;
  --border-subtle: #f1f5f9;
  --creme: #faf7f2;
  --weiss: #ffffff;
  --blau-tint: #f0f7ff;
  --blau-tint-2: #f7fbff;
  --gruen-tint: #edfbf3;
  --orange-tint: #fff4e8;
  --gelb-tint: #fffbeb;
  --rot: #dc2626;
  --rot-text: #991b1b;
  --rot-tint: #fef2f2;
  --on-orange: #ffffff;
  --on-blau: #ffffff;
  --focus: #1a2b4a;
  --font-sans: Poppins, "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-15: 60px;
  --space-20: 80px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(26, 43, 74, 0.04);
  --shadow-card: 0 10px 30px rgba(26, 43, 74, 0.06);
  --topbar: 6px;
  --header-h: 80px;
  --control-h: 48px;
  --content-max: 1160px;
}