/* ============================================================
   DESIGN TOKENS — Lichtblick Blackforest
   Farben, Typografie, Easings
   ============================================================ */
:root {
  /* Backgrounds */
  --bg: #07070b;
  --bg-deep: #040408;
  --surface: rgba(255,255,255,0.025);
  --surface-hover: rgba(255,255,255,0.05);

  /* Borders */
  --border: rgba(255,255,255,0.07);
  --border-light: rgba(255,255,255,0.12);

  /* Text */
  --text: #e8e5df;
  --text-muted: rgba(232,229,223,0.5);
  --text-dim: rgba(232,229,223,0.22);

  /* Accent (Gold) */
  --accent: #c4a96a;
  --accent-soft: rgba(196,169,106,0.12);
  --accent-glow: rgba(196,169,106,0.25);

  /* Star Colors */
  --star: #f0ead4;
  --star-bright: #fffaeb;
  --constellation: rgba(196,169,106,0.18);

  /* Typography */
  --serif: 'Cormorant Garamond', 'Georgia', serif;
  --serif-it: 'Cormorant', 'Georgia', serif;
  --sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;

  /* Easing Curves */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}