:root {
  /* Color: Apple-neutral */
  --color-bg: #FBFBFD;
  --color-bg-dark: #000000;
  --color-bg-dark-soft: #1D1D1F;
  --color-fg-on-light: #1D1D1F;
  --color-fg-on-dark: #F5F5F7;
  --color-fg-secondary: #6E6E73;
  --color-fg-secondary-on-dark: #A1A1A6;
  --color-border: #D2D2D7;
  --color-border-on-dark: rgba(245, 245, 247, 0.16);
  --color-brand: #1F3D2C;
  --color-brand-soft: rgba(31, 61, 44, 0.08);
  --color-bg-sage: #EAF1E2;
  --color-bg-sage-soft: #DCE8D0;
  --color-border-sage: rgba(31, 61, 44, 0.16);
  --color-accent: #E2A33B;
  --color-accent-glow: rgba(226, 163, 59, 0.28);
  --color-destructive: #B3452D;

  /* Type */
  --font-heading: -apple-system, BlinkMacSystemFont, 'SF Pro Display', Inter, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-3xl: 3.5rem;
  --text-4xl: 4.75rem;
  --text-hero: clamp(2.75rem, 5.2vw, 5.25rem);
  --text-section: clamp(2.5rem, 6vw, 5.5rem);

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --space-8: 10rem;

  /* Shape & motion */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-reveal: 450ms;
  --duration-hover: 200ms;
  --duration-press: 100ms;

  --container-max: 1200px;
}