/*
 * MAQETARA Design Tokens — v1
 *
 * Einzige Quelle für Farbe, Radius, Schatten, Abstände und Bewegung.
 * Wird von JEDEM Bereich der Plattform eingebunden (Corporate-Website,
 * Landingpages, Funnel, künftig Dashboard/Kundenportal/interne Tools).
 * Änderungen hier wirken überall — keine Kopie in einzelnen Templates pflegen.
 *
 * Vollständige Dokumentation: /docs/design/DESIGN_SYSTEM.md
 */
:root {
  /* Farbe — Basis */
  --ink: #1B2420;
  --ink-soft: #4A544D;
  --paper: #F5F2EC;
  --panel: #FFFFFF;
  --forest: #234E42;
  --forest-dark: #17352C;
  --brass: #B9863F;
  --brass-soft: #EFE1CB;
  --stone: #E4E0D6;
  --stone-dark: #C9C2B2;

  /* Farbe — Status (siehe DESIGN_SYSTEM.md "Statusfarben") */
  --success: #234E42;
  --warning: #B9863F;
  --danger: #B23A2E;
  --info: #2B5C73;

  /* Radius */
  --radius-sm: 6px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-full: 50%;

  /* Schatten */
  --shadow: 0 20px 50px -25px rgba(27, 36, 32, 0.35);
  --shadow-focus: 0 0 0 4px rgba(35, 78, 66, 0.1);

  /* Abstände (4px-Basis) — siehe DESIGN_SYSTEM.md "Abstände" für Migrationsstand */
  --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-12: 48px;
  --space-16: 64px;

  /* Bewegung */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --duration-fast: 0.2s;
  --duration-base: 0.4s;
}

/*
 * Dark-Mode-Vorbereitung: Die Token-STRUKTUR ist darauf vorbereitet, dass ein
 * @media (prefers-color-scheme: dark)-Block hier künftig Overrides für dieselben
 * Variablennamen liefert — keine Umbenennung an anderer Stelle nötig, wenn es
 * so weit ist. Werte bewusst noch nicht final (siehe DESIGN_SYSTEM.md "Dark Mode").
 */