:root {

    /* ===== Colors ===== */

    --hegau-color-primary: #2E8B57;
    --hegau-color-primary-hover: #267349;

    --hegau-color-accent: #0F6CBD;

    --hegau-color-text: #1F2937;
    --hegau-color-text-light: #6B7280;

    --hegau-color-background: #F5F7FA;
    --hegau-color-surface: #FFFFFF;

    --hegau-color-border: #E5E7EB;

    /* ===== Radius ===== */

    --hegau-radius-sm: 8px;
    --hegau-radius-md: 12px;
    --hegau-radius-lg: 20px;
    --hegau-radius-xl: 28px;

    /* ===== Shadows ===== */

    --hegau-shadow-sm:
        0 2px 8px rgba(0,0,0,.06);

    --hegau-shadow-md:
        0 8px 24px rgba(0,0,0,.08);

    --hegau-shadow-lg:
        0 16px 40px rgba(0,0,0,.10);

    /* ===== Container ===== */

    --hegau-container: 1280px;

    /* ===== Spacing ===== */

    --hegau-space-1: 4px;
    --hegau-space-2: 8px;
    --hegau-space-3: 12px;
    --hegau-space-4: 16px;
    --hegau-space-5: 24px;
    --hegau-space-6: 32px;
    --hegau-space-7: 48px;
    --hegau-space-8: 64px;
    --hegau-space-9: 96px;

    /* ===== Typography ===== */

    --hegau-font-family:
        "Inter",
        system-ui,
        sans-serif;

    --hegau-font-size-xs: 12px;
    --hegau-font-size-sm: 14px;
    --hegau-font-size-md: 16px;
    --hegau-font-size-lg: 20px;
    --hegau-font-size-xl: 32px;
    --hegau-font-size-2xl: 48px;

    --hegau-line-height: 1.6;

    /* ===== Animation ===== */

    --hegau-transition-fast: .2s;
    --hegau-transition: .35s;
    --hegau-transition-slow: .6s;

}