:root {
  /* Colors */
  --c-bg: #FAFAFA;
  --c-text: #1A1A1A;
  --c-accent: #0044FF;
  --c-danger: #E60000;
  --c-border: #E0E0E0;
  --c-surface: #FFFFFF;
  --c-muted: #666666;

  /* Typography */
  --f-display: 'Space Grotesk', sans-serif;
  --f-text: 'Chivo', sans-serif;

  /* Fluid type scale based on Utopia */
  --step--1: clamp(0.8333rem, 0.8333rem + 0vw, 0.8333rem);
  --step-0: clamp(1rem, 0.963rem + 0.1852vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1111rem + 0.4444vw, 1.5rem);
  --step-2: clamp(1.44rem, 1.2756rem + 0.8222vw, 2rem);
  --step-3: clamp(1.728rem, 1.4556rem + 1.3622vw, 2.6456rem);
  --step-4: clamp(2.0736rem, 1.648rem + 2.128vw, 3.5rem);
  --step-5: clamp(2.4883rem, 1.8489rem + 3.197vw, 4.6368rem);

  /* Spacing */
  --space-3xs: clamp(0.25rem, 0.2315rem + 0.0926vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.463rem + 0.1852vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6944rem + 0.2778vw, 0.9375rem);
  --space-s: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.3889rem + 0.5556vw, 1.875rem);
  --space-l: clamp(2rem, 1.8519rem + 0.7407vw, 2.5rem);
  --space-xl: clamp(3rem, 2.7778rem + 1.1111vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.7037rem + 1.4815vw, 5rem);
  --space-3xl: clamp(6rem, 5.5556rem + 2.2222vw, 7.5rem);

  /* Layout */
  --container-max: 1200px;
  --layout-shift: 80px; /* Asymmetric shift */

  /* Misc */
  --transition: 0.2s ease-out;
  --border-radius: 0px; /* Square edges for clinical feel */
  --border-thick: 2px;
}