:root {
    /* Brand palette */
    --primary: #1f6b4f;
    --primary-rgb: 31, 107, 79;
    --secondary: #2f8f6b;
    --secondary-rgb: 47, 143, 107;
    --accent: #e6b65a;

    /* Surfaces */
    --bg-body: #f2f7f4;
    --bg-surface: #ffffff;
    --bg-soft: #ecf3ef;
    --bg-accent: #f6eed1;
    --bg-hero: linear-gradient(160deg, #f7fbf9 0%, #ecf5f1 100%);

    /* Text */
    --text-main: #1f2c25;
    --text-heading: #16211c;
    --text-muted: #5a6b63;
    --text-body: #1f2c25;

    /* Borders & shadows */
    --border-color: #dfe8e2;
    --shadow-sm: 0 2px 6px rgba(22, 33, 28, 0.08);
    --shadow-md: 0 14px 30px rgba(22, 33, 28, 0.12);

    /* Typography */
    --font-heading: 'Fraunces', serif;
    --font-body: 'Source Sans 3', sans-serif;

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 999px;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    --header-height: 72px;
}