:root {
  --primary: #0ea5e9;
  --accent: #f5c518;
  --background: #0b1426;
  --background-soft: #122038;
  --card-bg: #0f1e35;
  --card-bg-soft: rgba(15, 30, 53, 0.82);
  --card-bg-strong: #162845;
  --text: #ffffff;
  --muted-text: #94a3b8;
  --blue-light: #bae6fd;
  --gold-dark: #b45309;
  --border: rgba(186, 230, 253, 0.12);
  --border-strong: rgba(245, 197, 24, 0.22);
  --success: #22c55e;
  --danger: #ff6b72;

  --gradient-hero: linear-gradient(135deg, #0b1426, #0369a1, #0ea5e9);
  --gradient-gold: linear-gradient(135deg, #f5c518, #ff8c00);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  --gradient-outline: linear-gradient(135deg, rgba(14, 165, 233, 0.4), rgba(245, 197, 24, 0.18));
  --gradient-glow: radial-gradient(circle at center, rgba(14, 165, 233, 0.24), transparent 68%);

  --shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.24);
  --shadow-deep: 0 24px 90px rgba(0, 0, 0, 0.35);
  --shadow-gold: 0 0 30px rgba(245, 197, 24, 0.3);
  --shadow-blue: 0 0 40px rgba(14, 165, 233, 0.25);

  --font-heading: "Bebas Neue", sans-serif;
  --font-subheading: "Syne", sans-serif;
  --font-body: "DM Sans", sans-serif;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --radius-xs: 0.75rem;
  --radius-sm: 0.875rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2.25rem;
  --radius-pill: 999px;

  --container-max: 1280px;
  --container-gutter: 24px;
  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 480ms ease;
}