/* root|HQ — Design Tokens v0.3.1
   Sehr helles Paper, klare Tinte, freundlicher cyaner Akzent. */
:root {
  --color-bg: #F2F6F4;
  --color-surface: #FFFFFF;
  --color-surface-2: #E8EFEB;
  --color-surface-3: #DCE7E2;
  --color-text: #1E293B;
  --color-text-muted: #475569;
  --color-border: rgba(30, 41, 59, 0.14);
  --color-accent: #0F766E;
  --color-accent-hover: #0D5E58;
  --color-accent-soft: rgba(15, 118, 110, 0.16);
  --color-accent-strong: rgba(15, 118, 110, 0.34);
  --color-accent-bright: #14B8A6;
  --color-success: #176B4B;
  --color-error: #A33A32;
  --color-deep: #E8EFEB;
  --color-deep-2: #DCE7E2;
  --color-deep-text: #1E293B;
  --color-deep-muted: #475569;
  --color-deep-border: rgba(30, 41, 59, 0.18);

  /* Struktur-Tokens */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;

  --duration-fast: 160ms;
  --duration-ui: 240ms;
  --duration-slow: 520ms;
  --ease-ui: cubic-bezier(.2, .7, .2, 1);

  --container: 1440px;
  --measure: 46rem;

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, monospace;
}