:root {
  /* Background gradient — deeper seafoam to teal-sky */
  --bg-mint: #5CC4B5;
  --bg-sky: #4AA3CA;

  /* Aurora pools for color shift depth */
  --aurora-pool-1: rgba(60, 180, 165, 0.25);
  --aurora-pool-2: rgba(50, 150, 200, 0.25);
  --aurora-pool-3: rgba(80, 195, 180, 0.2);
  --aurora-pool-4: rgba(120, 140, 210, 0.15);
  --aurora-pool-5: rgba(70, 185, 175, 0.2);

  /* Prism (cinematic word) */
  --prism-cyan: #7DD3E0;
  --prism-violet: #A78BFA;
  --prism-pink: #F472B6;
  --prism-mint: #6EE7B7;

  /* Text — white hierarchy */
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.78);
  --text-tertiary: rgba(255, 255, 255, 0.5);

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.15);
  --glass-hover-border: rgba(255, 255, 255, 0.25);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 7rem;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-hero: clamp(3rem, 7vw, 6rem);
  --font-size-h2: clamp(1.5rem, 3vw, 2.25rem);
  --font-size-h3: clamp(1.05rem, 1.8vw, 1.25rem);
  --font-size-body: 1rem;
  --font-size-body-lg: 1.0625rem;
  --font-size-small: 0.875rem;
  --font-size-micro: 0.75rem;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-out);
  --transition-normal: 0.4s var(--ease-out);
  --transition-slow: 0.7s var(--ease-out);

  /* Layout */
  --max-width: 1080px;
  --nav-height: 64px;
}