:root {
  --color-primary: #1f3a5f;
  --color-primary-dark: #0f1f33;
  --color-secondary: #f28c35;
  --color-secondary-light: #ffb15c;
  --color-accent: #2d9cdb;
  --color-accent-light: #56ccf2;
  --color-text-dark: #2e2e2e;
  --color-text-medium: #6f6f6f;
  --color-text-light: #f2f2f2;
  --color-bg-dark: #04070f;
  --color-bg-section: #050911;
  --color-bg-card: rgba(5, 12, 24, 0.94);
  --color-white: #ffffff;
  --color-white-alpha-75: rgba(255, 255, 255, 0.75);
  --color-white-alpha-80: rgba(255, 255, 255, 0.8);
  --color-white-alpha-06: rgba(255, 255, 255, 0.06);
  --color-white-alpha-08: rgba(255, 255, 255, 0.08);
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3.5rem;
  --max-width: 75rem;
  --border-radius-sm: 0.6rem;
  --border-radius-md: 0.9rem;
  --border-radius-lg: 1.1rem;
  --border-radius-xl: 1.2rem;
  --border-radius-full: 999px;
  --font-family-heading: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-body: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --transition-fast: 0.16s ease;
  --transition-normal: 0.22s ease;
  --shadow-sm: 0 16px 36px rgba(0, 0, 0, 0.55);
  --shadow-md: 0 18px 45px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.65);
}