:root {
  /* Colors */
  --color-bg: #f5f5f7;
  --color-bg-secondary: #ebebed;
  --color-bg-tertiary: #e0e0e3;
  --color-surface: #ffffff;
  --color-text-primary: #1d1d1f;
  --color-text-secondary: #505056;
  --color-text-tertiary: #86868b;
  --color-accent: #e8873a;
  --color-accent-hover: #d4742a;
  --color-accent-teal: #4ECDC4;
  --color-accent-teal-hover: #3dbdb5;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-success: #30d158;
  --color-error: #ff453a;

  /* Typography */
  --font-family-heading: 'Plus Jakarta Sans', sans-serif;
  --font-family: 'Plus Jakarta Sans', sans-serif;
  --font-size-hero: clamp(48px, 8vw, 96px);
  --font-size-h1: clamp(36px, 5vw, 64px);
  --font-size-h2: clamp(28px, 4vw, 48px);
  --font-size-h3: clamp(20px, 2.5vw, 28px);
  --font-size-body: 17px;
  --font-size-body-lg: 21px;
  --font-size-small: 14px;
  --font-size-caption: 12px;
  --line-height-tight: 1.05;
  --line-height-snug: 1.2;
  --line-height-body: 1.5;
  --letter-spacing-tight: -0.03em;

  /* Layout */
  --section-padding: clamp(80px, 12vh, 160px);
  --container-width: 1400px;
  --container-padding: clamp(20px, 5vw, 80px);
  --nav-height: 48px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);

  /* Misc */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 100px;
}