/* ============================================================
   Design Tokens — Single Source of Truth
   Spec §5
   ============================================================ */

:root {
  /* ------------------------------- Hintergrund */
  --bg-primary:  #0E0E10;
  --bg-elevated: #16161A;
  --bg-deep:     #08080A;

  /* ------------------------------- Vordergrund */
  --ink-primary: #EDE4D3;
  --ink-muted:   rgba(237, 228, 211, 0.82);
  --ink-subtle:  rgba(237, 228, 211, 0.62);

  /* ------------------------------- Akzent */
  --accent:        #C97B5C;
  --accent-soft:   rgba(201, 123, 92, 0.15);
  --accent-strong: #B86A4A;

  /* ------------------------------- Linien */
  --rule:        rgba(237, 228, 211, 0.10);
  --rule-strong: rgba(237, 228, 211, 0.20);

  /* ------------------------------- Typografie */
  --font-display: 'Instrument Serif', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-display: clamp(2.75rem, 6vw, 5rem);
  --fs-h2:      clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h3:      1.25rem;
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-label:   0.75rem;

  --lh-tight: 1.05;
  --lh-base:  1.6;

  /* ------------------------------- Spacing (8-Pixel-Grid) */
  --space-1: 0.5rem;   /*  8 px */
  --space-2: 1rem;     /* 16 px */
  --space-3: 1.5rem;   /* 24 px */
  --space-4: 2rem;     /* 32 px */
  --space-5: 3rem;     /* 48 px */
  --space-6: 4rem;     /* 64 px */
  --space-7: 6rem;     /* 96 px */
  --space-8: 8rem;     /*128 px */

  /* ------------------------------- Layout */
  --container-max:   1240px;
  --container-pad:   clamp(1.5rem, 5vw, 3rem);
  --section-pad-y:   clamp(5rem, 10vw, 8rem);

  /* ------------------------------- Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 0.7s;

  /* ------------------------------- Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-pill: 999px;
}