:root {
    --color-bg: #f7f6f2;
    --color-surface: #ffffff;
    --color-primary: #01696f;
    --color-primary-hover: #0c4e54;
    --color-text: #28251d;
    --color-text-muted: #6b6b6b;
    --color-border: #d9d9d9;
    --color-error: #b42318;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --font-body: 'Work Sans', sans-serif;
  }