/* Design tokens — Brutalist / High Contrast */
:root {
  /* Colors */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: #333333;
  --color-light-gray: #a0a0a0;
  
  /* The User's Purple - brutal and saturated */
  --color-accent: #9d00ff; 
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8vw;
  --space-2xl: 12vw;

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  /* Massive sizes for brutalist impact */
  --fs-giant: clamp(4rem, 9vw, 12rem);
  --fs-hero: clamp(3rem, 7vw, 9rem);
  --fs-h1: clamp(2.5rem, 5vw, 6rem);
  --fs-h2: clamp(2rem, 4vw, 4rem);
  --fs-h3: clamp(1.25rem, 2vw, 2rem);
  --fs-body: clamp(1rem, 1.2vw, 1.25rem);
  --fs-caption: 0.85rem;

  /* No smooth transitions, sharp and raw */
  --transition-fast: 150ms cubic-bezier(0,0,0,1);
  --transition-medium: 300ms cubic-bezier(0,0,0,1);
}