:root {
  --night-0: #02060f;
  --night-1: #050b1c;
  --night-2: #0a1330;
  --night-3: #0f1d44;
  --night-4: #1a2c5c;

  --gold-1: #f6e2a4;
  --gold-2: #e8c468;
  --gold-3: #c79a3a;
  --gold-4: #8a6520;
  --gold-glow: 232 196 104;

  --ink: #e8ecf6;
  --ink-dim: #a9b3cf;
  /* aufgehellt fuer WCAG AA (>=4.5:1 auf --night-2); vorher #6b779a (~3.9:1) */
  --ink-mute: #94a1c6;

  --ok: #6fe7b8;
  --warn: #f5c560;
  --crit: #ff7a8a;
  --info: #8ec6ff;

  --glass-bg: rgba(20, 32, 70, 0.38);
  --glass-bg-2: rgba(12, 22, 52, 0.55);
  --glass-edge: rgba(255, 220, 150, 0.18);
  --glass-edge-2: rgba(255, 255, 255, 0.06);
  --glass-blur: 22px;

  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --radius-xl: 28px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-15: 60px;

  --t-fast: 180ms cubic-bezier(.2, .7, .2, 1);
  --t-med: 320ms cubic-bezier(.2, .7, .2, 1);
  --t-slow: 600ms cubic-bezier(.2, .7, .2, 1);

  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Inter", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --shadow-glass:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 -1px 0 rgba(0, 0, 0, 0.3) inset,
    0 30px 80px -20px rgba(0, 0, 0, 0.6),
    0 8px 24px -8px rgba(0, 0, 0, 0.5);

  --shadow-gold:
    0 1px 0 rgba(255, 255, 255, 0.45) inset,
    0 -1px 0 rgba(80, 50, 0, 0.4) inset,
    0 8px 24px -6px rgba(232, 196, 104, 0.5),
    0 2px 0 rgba(0, 0, 0, 0.2);

  --shadow-gold-hover:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 -1px 0 rgba(80, 50, 0, 0.4) inset,
    0 14px 32px -6px rgba(232, 196, 104, 0.7),
    0 2px 0 rgba(0, 0, 0, 0.2);

  --content-width: 1440px;
}