:root {
  /* Palette */
  --sky:    #8ecae6;
  --accent: #219ebc;
  --deep:   #023047;
  --gold:   #ffb703;
  --orange: #fb8500;
  --red:    #dc2626;

  /* Backgrounds */
  --bg:        #ffffff;
  --bg2:       #f0f8fc;
  --bg-dark:   #023047;
  --bg-dark2:  #012438;
  --card:      #ffffff;
  --card-dark: #012d4a;

  /* Text */
  --text:        #023047;
  --text-light:  #f0f8fc;
  --muted:       #3a6a80;
  --muted-light: #8ecae6;
  --subtle:      #c8e6f3;

  /* Surfaces */
  --border:          rgba(33, 158, 188, 0.20);
  --border-featured: rgba(33, 158, 188, 0.40);
  --border-hover:    rgba(33, 158, 188, 0.60);
  --card-tint:       rgba(33, 158, 188, 0.06);
  --selection-bg:    rgba(255, 183, 3, 0.25);
  --gold-dim:        rgba(255, 183, 3, 0.35);

  /* Glows and shadows */
  --glow-accent:   0 0 32px rgba(33, 158, 188, 0.25);
  --glow-gold:     0 0 32px rgba(255, 183, 3, 0.30);
  --btn-shadow:    0 4px 16px rgba(2, 48, 71, 0.25);
  --btn-shadow-lg: 0 8px 28px rgba(2, 48, 71, 0.35);

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'Fira Code', 'Courier New', monospace;

  /* Design tokens */
  --radius:     12px;
  --shadow:     0 4px 24px rgba(2, 48, 71, 0.10);
  --shadow-lg:  0 12px 40px rgba(2, 48, 71, 0.15);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}