:root {

    /* 🌤️ Background — Warm off-white #FCFCFC */
    --color-bg_100: rgba(252, 252, 252, 1);
    --color-bg_90: rgba(252, 252, 252, 0.9);
    --color-bg_80: rgba(252, 252, 252, 0.8);
    --color-bg_70: rgba(252, 252, 252, 0.7);
    --color-bg_60: rgba(252, 252, 252, 0.6);
    --color-bg_50: rgba(252, 252, 252, 0.5);
    --color-bg_40: rgba(252, 252, 252, 0.4);
    --color-bg_30: rgba(252, 252, 252, 0.3);
    --color-bg_20: rgba(252, 252, 252, 0.2);
    --color-bg_15: rgba(252, 252, 252, 0.15);
    --color-bg_10: rgba(252, 252, 252, 0.1);
    --color-bg_05: rgba(252, 252, 252, 0.05);
    --color-bg_0: rgba(252, 252, 252, 0);

    /* ✍️ Text Primary — Soft black #202020 */
    --color-text_100: rgba(32, 32, 32, 1);
    --color-text_90: rgba(32, 32, 32, 0.9);
    --color-text_80: rgba(32, 32, 32, 0.8);
    --color-text_70: rgba(32, 32, 32, 0.7);
    --color-text_60: rgba(32, 32, 32, 0.6);
    --color-text_50: rgba(32, 32, 32, 0.5);
    --color-text_40: rgba(32, 32, 32, 0.4);
    --color-text_30: rgba(32, 32, 32, 0.3);
    --color-text_20: rgba(32, 32, 32, 0.2);
    --color-text_15: rgba(32, 32, 32, 0.15);
    --color-text_10: rgba(32, 32, 32, 0.1);
    --color-text_05: rgba(32, 32, 32, 0.05);
    --color-text_0: rgba(32, 32, 32, 0);

    /* 🔴 Brand Accent — Modern Red #E9494D */
    --color-brand_100: rgba(233, 73, 77, 1);
    --color-brand_90: rgba(233, 73, 77, 0.9);
    --color-brand_80: rgba(233, 73, 77, 0.8);
    --color-brand_70: rgba(233, 73, 77, 0.7);
    --color-brand_60: rgba(233, 73, 77, 0.6);
    --color-brand_50: rgba(233, 73, 77, 0.5);
    --color-brand_40: rgba(233, 73, 77, 0.4);
    --color-brand_30: rgba(233, 73, 77, 0.3);
    --color-brand_20: rgba(233, 73, 77, 0.2);
    --color-brand_15: rgba(233, 73, 77, 0.15);
    --color-brand_10: rgba(233, 73, 77, 0.1);
    --color-brand_05: rgba(233, 73, 77, 0.05);
    --color-brand_0: rgba(233, 73, 77, 0);

    /* 🌿 Deep Emerald — #11302A (премиум, стабильность, рост) */
    --color-emerald-deep_100: rgba(17, 48, 42, 1);
    --color-emerald-deep_90: rgba(17, 48, 42, 0.9);
    --color-emerald-deep_80: rgba(17, 48, 42, 0.8);
    --color-emerald-deep_70: rgba(17, 48, 42, 0.7);
    --color-emerald-deep_60: rgba(17, 48, 42, 0.6);
    --color-emerald-deep_50: rgba(17, 48, 42, 0.5);
    --color-emerald-deep_40: rgba(17, 48, 42, 0.4);
    --color-emerald-deep_30: rgba(17, 48, 42, 0.3);
    --color-emerald-deep_20: rgba(17, 48, 42, 0.2);
    --color-emerald-deep_15: rgba(17, 48, 42, 0.15);
    --color-emerald-deep_10: rgba(17, 48, 42, 0.1);
    --color-emerald-deep_05: rgba(17, 48, 42, 0.05);
    --color-emerald-deep_0: rgba(17, 48, 42, 0);

    --color-blue_dark_100: rgba(5,61,60, 1);
    --color-blue_dark_80: rgba(5,61,60, 0.8);
    --color-blue_dark_60: rgba(5,61,60, 0.6);
    --color-blue_dark_40: rgba(5,61,60, 0.4);
    --color-blue_dark_20: rgba(5,61,60, 0.2);
    --color-blue_dark_10: rgba(5,61,60, 0.1);
    --color-blue_dark_0:  rgba(5,61,60, 0);

    --color-blue_100: rgba(11,168,163, 1);
    --color-blue_80: rgba(11,168,163, 0.8);
    --color-blue_60: rgba(11,168,163, 0.6);
    --color-blue_40: rgba(11,168,163, 0.4);
    --color-blue_20: rgba(11,168,163, 0.2);
    --color-blue_10: rgba(11,168,163, 0.1);
    --color-blue_0:  rgba(11,168,163, 0);

    --color-blue-medium_100: rgba(86,218,212, 1);
    --color-blue-medium_80: rgba(86,218,212, 0.8);
    --color-blue-medium_60: rgba(86,218,212, 0.6);
    --color-blue-medium_40: rgba(86,218,212, 0.4);
    --color-blue-medium_20: rgba(86,218,212, 0.2);
    --color-blue-medium_10: rgba(86,218,212, 0.1);
    --color-blue-medium_0:  rgba(86,218,212, 0);

    /* 🌿 Deep Emerald — #11302A (премиум, стабильность, рост) */
    --color-green_100: rgba(1, 174, 171, 1);
    --color-green_90: rgba(1, 174, 171, 0.9);
    --color-green_80: rgba(1, 174, 171, 0.8);
    --color-green_70: rgba(1, 174, 171, 0.7);
    --color-green_60: rgba(1, 174, 171, 0.6);
    --color-green_50: rgba(1, 174, 171, 0.5);
    --color-green_40: rgba(1, 174, 171, 0.4);
    --color-green_30: rgba(1, 174, 171, 0.3);
    --color-green_20: rgba(1, 174, 171, 0.2);
    --color-green_15: rgba(1, 174, 171, 0.15);
    --color-green_10: rgba(1, 174, 171, 0.1);
    --color-green_05: rgba(1, 174, 171, 0.05);
    --color-green_0: rgba(1, 174, 171, 0);

    /* ⚪️ Pure White — для контрастных элементов */
    --color-white_100: rgba(255, 255, 255, 1);
    --color-white_90: rgba(255, 255, 255, 0.9);
    --color-white_80: rgba(255, 255, 255, 0.8);
    --color-white_70: rgba(255, 255, 255, 0.7);
    --color-white_60: rgba(255, 255, 255, 0.6);
    --color-white_50: rgba(255, 255, 255, 0.5);
    --color-white_40: rgba(255, 255, 255, 0.4);
    --color-white_30: rgba(255, 255, 255, 0.3);
    --color-white_20: rgba(255, 255, 255, 0.2);
    --color-white_15: rgba(255, 255, 255, 0.15);
    --color-white_10: rgba(255, 255, 255, 0.1);
    --color-white_05: rgba(255, 255, 255, 0.05);
    --color-white_0: rgba(255, 255, 255, 0);

    /* 🌫️ Border & Divider — Soft grey #E5E7EB */
    --color-border_100: rgb(211, 212, 215);
    --color-border_90: rgba(211, 212, 215, 0.9);
    --color-border_80: rgba(211, 212, 215, 0.8);
    --color-border_70: rgba(211, 212, 215, 0.7);
    --color-border_60: rgba(211, 212, 215, 0.6);
    --color-border_50: rgba(211, 212, 215, 0.5);
    --color-border_40: rgba(211, 212, 215, 0.4);
    --color-border_30: rgba(211, 212, 215, 0.3);
    --color-border_20: rgba(211, 212, 215, 0.2);
    --color-border_15: rgba(211, 212, 215, 0.15);
    --color-border_10: rgba(211, 212, 215, 0.1);
    --color-border_05: rgba(211, 212, 215, 0.05);
    --color-border_0: rgba(211, 212, 215, 0);


    /* 🟠 Warning — ваш rgb(245, 109, 11) ≈ #F56D0B (насыщенный оранжевый) */
    --color-warning_100: rgba(245, 109, 11, 1);
    --color-warning_90: rgba(245, 109, 11, 0.9);
    --color-warning_80: rgba(245, 109, 11, 0.8);
    --color-warning_70: rgba(245, 109, 11, 0.7);
    --color-warning_60: rgba(245, 109, 11, 0.6);
    --color-warning_50: rgba(245, 109, 11, 0.5);
    --color-warning_40: rgba(245, 109, 11, 0.4);
    --color-warning_30: rgba(245, 109, 11, 0.3);
    --color-warning_20: rgba(245, 109, 11, 0.2);
    --color-warning_15: rgba(245, 109, 11, 0.15);
    --color-warning_10: rgba(245, 109, 11, 0.1);
    --color-warning_05: rgba(245, 109, 11, 0.05);
    --color-warning_0: rgba(245, 109, 11, 0);

    /* 📝 Text Secondary — Slate 300 #CBD5E1 */
    --color-text-secondary_100: rgba(203, 213, 225, 1);
    --color-text-secondary_90: rgba(203, 213, 225, 0.9);
    --color-text-secondary_80: rgba(203, 213, 225, 0.8);
    --color-text-secondary_70: rgba(203, 213, 225, 0.7);
    --color-text-secondary_60: rgba(203, 213, 225, 0.6);
    --color-text-secondary_50: rgba(203, 213, 225, 0.5);
    --color-text-secondary_40: rgba(203, 213, 225, 0.4);
    --color-text-secondary_30: rgba(203, 213, 225, 0.3);
    --color-text-secondary_20: rgba(203, 213, 225, 0.2);
    --color-text-secondary_15: rgba(203, 213, 225, 0.15);
    --color-text-secondary_10: rgba(203, 213, 225, 0.1);
    --color-text-secondary_05: rgba(203, 213, 225, 0.05);
    --color-text-secondary_0: rgba(203, 213, 225, 0);
}