:root {
  /* Color */
  --bg-0:        #03060d;
  --bg-1:        #06091a;
  --bg-panel:    rgba(8, 18, 32, 0.55);
  --bg-panel-2:  rgba(10, 22, 38, 0.72);

  --cyan:        #5ad9ff;
  --cyan-dim:    #3a9bc6;
  --blue:        #1d6fa8;
  --blue-deep:   #0c3a5e;
  --gold:        #e8b96b;

  --fg-strong:   #f3f8ff;
  --fg:          #cfeaff;
  --fg-muted:    #6f9fc0;
  --fg-dim:      #4a708a;

  --border:        rgba(90, 217, 255, 0.22);
  --border-strong: rgba(90, 217, 255, 0.55);

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", "Times New Roman", serif;
  --font-body:    "Inter Tight", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  --tracking-eyebrow: 0.28em;
  --tracking-display: -0.01em;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --radius-sm: 4px;
  --radius:    6px;
  --radius-lg: 12px;

  /* Effects */
  --glow-cyan:    0 0 24px rgba(90, 217, 255, 0.35);
  --glow-cyan-2:  0 0 48px rgba(90, 217, 255, 0.22);
  --inner-glow:   inset 0 0 24px rgba(90, 217, 255, 0.08);

  --blur:         blur(12px) saturate(140%);

  /* Layout */
  --max-w: 1180px;
}