/* ============================================================
   Design Tokens — Single Source of Truth
   Quelle: Workshop 21.04.2026 + Figma-Board
   Konsumenten: alle Komponenten und Seiten
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700;9..144,800&family=Outfit:wght@300;400;500;600;700&family=Albert+Sans:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

/* HINWEIS: In Production werden Fonts lokal eingebunden (DSGVO).
   Hier nur fuer Prototyp-Phase ueber Google Fonts CDN. */

:root {
  /* Workshop-Farben */
  --color-gruen: #4A6500;       /* Weinblatt Gruen — Primaer */
  --color-gruen-dark: #364800;
  --color-gold: #C5A491;        /* Cuvee Gold — Akzent */
  --color-gold-light: #D8BFAF;
  --color-rot: #7C0402;         /* Vinzenz Rot — CTA-Akzent */
  --color-rot-dark: #5C0301;
  --color-sand: #EAE4D3;        /* Kork / Sand — Hintergrund */
  --color-sand-dark: #D9D0B8;
  --color-anthrazit: #1C2C2C;   /* Fliesstext */
  --color-cream: #F5F1E6;       /* helleres Sand fuer Karten */
  --color-bone: #FBF8F0;        /* fast-weiss mit Sand-Touch */

  /* Fonts — Headline gemeinsam, Body je nach Variante */
  --font-headline: 'Fraunces', 'Times New Roman', serif;
  --font-modern-artisan: 'Outfit', system-ui, sans-serif;
  --font-classic-tech: 'Albert Sans', system-ui, sans-serif;
  --font-soft-minimalist: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Spacing — fluid */
  --space-xs: clamp(0.5rem, 1vw, 0.75rem);
  --space-sm: clamp(0.75rem, 1.5vw, 1rem);
  --space-md: clamp(1rem, 2vw, 1.5rem);
  --space-lg: clamp(1.5rem, 3vw, 2.5rem);
  --space-xl: clamp(2rem, 5vw, 4rem);
  --space-2xl: clamp(3rem, 8vw, 6rem);

  /* Container */
  --container: 1280px;
  --container-narrow: 880px;
}