:root {

    /* ===== Цвета ===== */

    --color-bg: #F8F6F2;
    --color-surface: #FFFFFF;

    --color-primary: #4D8B5B;
    --color-primary-hover: #3D7249;

    --color-accent-orange: #E07B39;
    --color-accent-orange-hover: #C7652A;

    --color-text: #2F3437;
    --color-text-light: #6F777B;

    --color-border: #E8E6E1;

    --shadow:
        0 12px 32px rgba(0,0,0,.08);

    /* ===== Радиусы ===== */

    --radius-s: 12px;
    --radius-m: 18px;
    --radius-l: 28px;

    /* ===== Отступы ===== */

    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;

    /* ===== Размеры ===== */

    --max-card-width: 420px;

    /* ===== Анимация ===== */

    --transition: .25s ease;

}