:root {
  /* Colors */
  --color-bg: #0b0c10;       /* Very dark mostly black blue */
  --color-bg-light: #1f2833; /* Dark gray-blue for cards/header */
  --color-primary: #66fcf1;  /* Cyan/Neon Blue for accents */
  --color-secondary: #45a29e;/* Muted cyan */
  --color-text: #c5c6c7;     /* Light gray text */
  --color-white: #ffffff;
  --color-black: #000000;

  /* Typography */
  --font-family-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-display: 'Oswald', sans-serif; /* Strong headers */
  
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 3rem;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  /* Layout */
  --container-width: 1200px;
  --header-height: 80px;

  /* FX */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.5);
  --transition-speed: 0.3s;
}