:root {
    --color-bg: #121018;
    --color-surface: #1E1A29;
    --color-surface-hover: #2F254A;
    --color-surface-alt: #221c30;
    --color-text: #EAE6F2;
    --color-text-muted: #9685CE;
    --color-border: #2C253D;
    --color-primary: #9B5DE5;
    --color-primary-hover: #A89EC9;
    --color-danger: #E94F75;
    --color-success: #44D18D;
    --color-header: #6a1b9a;

    --color-header-footer: #1A1624;
    --bs-navbar-active-color: #FFFFFF;

    --box-shadow: 0 0 0 0.2rem rgba(155, 93, 229, 0.25);
    --color-danger: #dc3545;
    --color-danger-hover: #ff6b6b;
    --color-danger-bg-hover: #471d24;

    /* Button */
    --btn-bg-hover: #B983FF;
    --btn-secondary-hover: #3E3160;

}