:root {
  /* Colors */
  --color-primary: #1E293B;
  --color-accent: #0D9488;
  --color-accent-dark: #0F766E;
  --color-accent-light: #CCFBF1;
  --color-text: #1E293B;
  --color-text-secondary: #64748B;
  --color-background: #FFFFFF;
  --color-background-alt: #F8FAFC;
  --color-border: #E2E8F0;
  --color-amber: #F59E0B;
  --color-slate-mid: #475569;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-hero: clamp(36px, 5vw, 56px);
  --font-size-h2: clamp(28px, 3.5vw, 36px);
  --font-size-h3: clamp(18px, 2vw, 22px);
  --font-size-body: 17px;
  --font-size-small: 14px;
  --font-size-nav: 15px;

  /* Spacing */
  --spacing-section: clamp(64px, 8vw, 100px);
  --spacing-lg: 48px;
  --spacing-md: 32px;
  --spacing-sm: 24px;
  --spacing-xs: 16px;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 72px;
  --border-radius: 12px;
  --border-radius-sm: 8px;
}