:root {
  /* Colors - Backgrounds */
  --bg-page: #F7F6F2;
  --bg-section-alt: #EEF3F0;
  --bg-card: #FFFFFF;

  /* Colors - Text */
  --text-primary: #0E1B16;
  --text-secondary: #3E4B46;
  --text-muted: #6A7A74;
  --text-inverse: #FFFFFF;

  /* Colors - Brand */
  --brand-primary: #006057;
  --brand-primary-hover: #004B45;
  --brand-secondary: #0A3D33;
  --brand-accent-gold: #D5A500;
  --brand-accent-gold-soft: #F1E2BF;

  /* Colors - UI */
  --ui-border: #DCE3DD;
  --ui-divider: #E7ECE8;
  --ui-focus: #D5A500;
  --ui-shadow-color: rgba(14, 27, 22, 0.12);

  /* Typography - Fonts */
  --font-display: 'Fraunces', ui-serif, Georgia, serif;
  --font-body: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Typography - Scale */
  --text-h1: 3rem; /* 48px */
  --leading-h1: 3.5rem; /* 56px */
  
  --text-h2: 2rem; /* 32px */
  --leading-h2: 2.5rem; /* 40px */
  
  --text-h3: 1.375rem; /* 22px */
  --leading-h3: 1.875rem; /* 30px */
  
  --text-body: 1rem; /* 16px */
  --leading-body: 1.625rem; /* 26px */
  
  --text-small: 0.875rem; /* 14px */
  --leading-small: 1.375rem; /* 22px */
  
  --text-label: 0.75rem; /* 12px */
  --leading-label: 1rem; /* 16px */

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 72px;

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 12px 28px rgba(14, 27, 22, 0.10);
  --shadow-card: 0 10px 22px rgba(14, 27, 22, 0.08);
  --shadow-hover: 0 16px 34px rgba(14, 27, 22, 0.14);

  /* Container */
  --container-max-width: 1200px;
  --grid-gutter: 24px;
}