/* FREIHEITSPILOT — Design Tokens (Single Source of Truth)
   Palette: Navy/Gold (Brand, normalisiert auf EIN Gold #E9C46A), Teal nur funktional. */

@import url('../assets/fonts/fonts.css');

:root {
  /* Farben — Navy-Skala */
  --navy-950: #060A14;
  --navy-900: #0A0F1C;
  --navy-850: #0D1526;
  --navy-800: #111D35;
  --navy-700: #1B2A4A;
  --navy-600: #243756;
  --navy-500: #2A3D66;

  /* Gold (der EINE Akzent) */
  --gold-300: #F2D794;
  --gold-400: #E9C46A;
  --gold-500: #D4A843;
  --gold-glow: rgba(233, 196, 106, 0.22);

  /* Funktionsfarben */
  --teal: #2A9D8F;          /* Live-Badges, Erfolg */
  --teal-dim: rgba(42, 157, 143, 0.16);
  --red: #C0564B;           /* Verlust/Kontrast in der Rechnung */

  /* Helle Flaechen */
  --cream: #FAF8F5;
  --sand: #F5F1EB;
  --sand-deep: #EAE2D4;

  /* Text */
  --ink: #131C2E;           /* auf hell */
  --ink-muted: #55607A;
  --paper: #EDF0F7;         /* auf dunkel */
  --paper-muted: #97A1B8;
  --paper-faint: #5F6A85;

  /* Linien / Glas */
  --line-dark: rgba(233, 196, 106, 0.16);   /* Gold-Linien auf dunkel */
  --line-dark-soft: rgba(237, 240, 247, 0.08);
  --line-light: rgba(19, 28, 46, 0.12);
  --glass-dark: rgba(17, 29, 53, 0.55);
  --glass-light: rgba(255, 255, 255, 0.75);

  /* Typografie */
  --font-display: 'Fraunces', Georgia, serif;
  --font-sans: 'Inter', -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;

  --text-hero: clamp(2.7rem, 1rem + 5.2vw, 5.9rem);
  --text-h2: clamp(2.2rem, 1.4rem + 3.4vw, 4.6rem);
  --text-h3: clamp(1.35rem, 1.1rem + 1vw, 2rem);
  --text-lead: clamp(1.08rem, 1rem + 0.45vw, 1.35rem);
  --text-base: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
  --text-small: 0.875rem;
  --text-label: 0.75rem;

  /* Raum */
  --space-section: clamp(5.5rem, 4rem + 8vw, 12rem);
  --space-section-sm: clamp(3.5rem, 2.5rem + 4vw, 7rem);
  --container: 1240px;
  --container-wide: 1420px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* Form */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Schatten / Licht */
  --shadow-soft: 0 6px 28px rgba(10, 15, 28, 0.10);
  --shadow-deep: 0 24px 70px rgba(10, 15, 28, 0.22);
  --shadow-gold: 0 8px 40px rgba(233, 196, 106, 0.18);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  /* Z-Skala */
  --z-nav: 50;
  --z-agent: 60;
  --z-overlay: 40;
}