:root {
    /* 🔷 Brand Primary — Indigo 600 */
    --color-brand_100: rgba(79, 70, 229, 1);
    --color-brand_90: rgba(79, 70, 229, 0.9);
    --color-brand_80: rgba(79, 70, 229, 0.8);
    --color-brand_70: rgba(79, 70, 229, 0.7);
    --color-brand_60: rgba(79, 70, 229, 0.6);
    --color-brand_50: rgba(79, 70, 229, 0.5);
    --color-brand_40: rgba(79, 70, 229, 0.4);
    --color-brand_30: rgba(79, 70, 229, 0.3);
    --color-brand_20: rgba(79, 70, 229, 0.2);
    --color-brand_15: rgba(79, 70, 229, 0.15);
    --color-brand_10: rgba(79, 70, 229, 0.1);
    --color-brand_05: rgba(79, 70, 229, 0.05);
    --color-brand_0: rgba(79, 70, 229, 0);

    /* 🔷 Brand Hover — темнее (ваш rgb(58, 50, 189) = #3A32BD) */
    --color-brand_hover_100: rgba(58, 50, 189, 1);
    --color-brand_hover_90: rgba(58, 50, 189, 0.9);
    --color-brand_hover_80: rgba(58, 50, 189, 0.8);
    --color-brand_hover_70: rgba(58, 50, 189, 0.7);
    --color-brand_hover_60: rgba(58, 50, 189, 0.6);
    --color-brand_hover_50: rgba(58, 50, 189, 0.5);
    --color-brand_hover_40: rgba(58, 50, 189, 0.4);
    --color-brand_hover_30: rgba(58, 50, 189, 0.3);
    --color-brand_hover_20: rgba(58, 50, 189, 0.2);
    --color-brand_hover_15: rgba(58, 50, 189, 0.15);
    --color-brand_hover_10: rgba(58, 50, 189, 0.1);
    --color-brand_hover_05: rgba(58, 50, 189, 0.05);
    --color-brand_hover_0: rgba(58, 50, 189, 0);

    /* 🌤️ Background — Slate 300 #CBD5E1 */
    --color-bg_100: rgb(245, 243, 243);
    --color-bg_90: rgba(245, 243, 243, 0.9);
    --color-bg_80: rgba(245, 243, 243, 0.8);
    --color-bg_70: rgba(245, 243, 243, 0.7);
    --color-bg_60: rgba(245, 243, 243, 0.6);
    --color-bg_50: rgba(245, 243, 243, 0.5);
    --color-bg_40: rgba(245, 243, 243, 0.4);
    --color-bg_30: rgba(245, 243, 243, 0.3);
    --color-bg_20: rgba(245, 243, 243, 0.2);
    --color-bg_15: rgba(245, 243, 243, 0.15);
    --color-bg_10: rgba(245, 243, 243, 0.1);
    --color-bg_05: rgba(245, 243, 243, 0.05);
    --color-bg_0: rgba(245, 243, 243, 0);

    /* ✍️ Text Primary — почти чёрный, но тёплый: rgb(17,17,28) */
    --color-text_100: rgba(17, 17, 28, 1);
    --color-text_90: rgba(17, 17, 28, 0.9);
    --color-text_80: rgba(17, 17, 28, 0.8);
    --color-text_70: rgba(17, 17, 28, 0.7);
    --color-text_60: rgba(17, 17, 28, 0.6);
    --color-text_50: rgba(17, 17, 28, 0.5);
    --color-text_40: rgba(17, 17, 28, 0.4);
    --color-text_30: rgba(17, 17, 28, 0.3);
    --color-text_20: rgba(17, 17, 28, 0.2);
    --color-text_15: rgba(17, 17, 28, 0.15);
    --color-text_10: rgba(17, 17, 28, 0.1);
    --color-text_05: rgba(17, 17, 28, 0.05);
    --color-text_0: rgba(17, 17, 28, 0);

    /* 📝 Text Secondary — grey-ish #7B7E83 */
    --color-text-secondary_100: rgba(123, 126, 131, 1);
    --color-text-secondary_90: rgba(123, 126, 131, 0.9);
    --color-text-secondary_80: rgba(123, 126, 131, 0.8);
    --color-text-secondary_70: rgba(123, 126, 131, 0.7);
    --color-text-secondary_60: rgba(123, 126, 131, 0.6);
    --color-text-secondary_50: rgba(123, 126, 131, 0.5);
    --color-text-secondary_40: rgba(123, 126, 131, 0.4);
    --color-text-secondary_30: rgba(123, 126, 131, 0.3);
    --color-text-secondary_20: rgba(123, 126, 131, 0.2);
    --color-text-secondary_15: rgba(123, 126, 131, 0.15);
    --color-text-secondary_10: rgba(123, 126, 131, 0.1);
    --color-text-secondary_05: rgba(123, 126, 131, 0.05);
    --color-text-secondary_0: rgba(123, 126, 131, 0);

    /* 🟢 Success — Emerald 500 */
    --color-success_100: rgba(16, 185, 129, 1);
    --color-success_90: rgba(16, 185, 129, 0.9);
    --color-success_80: rgba(16, 185, 129, 0.8);
    --color-success_70: rgba(16, 185, 129, 0.7);
    --color-success_60: rgba(16, 185, 129, 0.6);
    --color-success_50: rgba(16, 185, 129, 0.5);
    --color-success_40: rgba(16, 185, 129, 0.4);
    --color-success_30: rgba(16, 185, 129, 0.3);
    --color-success_20: rgba(16, 185, 129, 0.2);
    --color-success_15: rgba(16, 185, 129, 0.15);
    --color-success_10: rgba(16, 185, 129, 0.1);
    --color-success_05: rgba(16, 185, 129, 0.05);
    --color-success_0: rgba(16, 185, 129, 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);

    /* 🔴 Danger — Rose 500 */
    --color-danger_100: rgba(244, 63, 94, 1);
    --color-danger_90: rgba(244, 63, 94, 0.9);
    --color-danger_80: rgba(244, 63, 94, 0.8);
    --color-danger_70: rgba(244, 63, 94, 0.7);
    --color-danger_60: rgba(244, 63, 94, 0.6);
    --color-danger_50: rgba(244, 63, 94, 0.5);
    --color-danger_40: rgba(244, 63, 94, 0.4);
    --color-danger_30: rgba(244, 63, 94, 0.3);
    --color-danger_20: rgba(244, 63, 94, 0.2);
    --color-danger_15: rgba(244, 63, 94, 0.15);
    --color-danger_10: rgba(244, 63, 94, 0.1);
    --color-danger_05: rgba(244, 63, 94, 0.05);
    --color-danger_0: rgba(244, 63, 94, 0);

    /* 🌫️ Border — Slate 700 */
    --color-border_100: rgb(187, 193, 203);
    --color-border_90: rgba(187, 193, 203, 0.9);
    --color-border_80: rgba(187, 193, 203, 0.8);
    --color-border_70: rgba(187, 193, 203, 0.7);
    --color-border_60: rgba(187, 193, 203, 0.6);
    --color-border_50: rgba(187, 193, 203, 0.5);
    --color-border_40: rgba(187, 193, 203, 0.4);
    --color-border_30: rgba(187, 193, 203, 0.3);
    --color-border_20: rgba(187, 193, 203, 0.2);
    --color-border_15: rgba(187, 193, 203, 0.15);
    --color-border_10: rgba(187, 193, 203, 0.1);
    --color-border_05: rgba(187, 193, 203, 0.05);
    --color-border_0: rgba(187, 193, 203, 0);
}