:root {
  --color-bg-deep: #041224;
  --color-bg-secondary: #071d38;
  --color-blue-main: #0f6ec7;
  --color-blue-glow: #54cfff;
  --color-gold-main: #d6a64c;
  --color-gold-soft: #f1d48d;
  --color-white: #eff7ff;
  --color-text-soft: #a9c2df;
  --color-line: rgba(255, 255, 255, 0.08);

  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --transition-fast: 0.25s ease;
  --transition-smooth: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  --shadow-blue: 0 12px 36px rgba(29, 122, 211, 0.28);
  --shadow-gold: 0 10px 30px rgba(214, 166, 76, 0.18);
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.24);
}