:root {
    /* ==========================
       My Theme
       ========================== */

    --theme-primary: #732C82;
    --theme-primary-dark: #54205F;
    --theme-primary-darker: #3D1745;
    --theme-primary-light: #9253A0;
    --theme-primary-subtle: #F1E5F3;

    --theme-secondary: var(--bs-gray);
    --theme-secondary-dark: var(--bs-gray);
    --theme-secondary-light: var(--bs-gray);

    --theme-success: #02B65B;
    --theme-success-dark: #018A45;
    --theme-success-darker: #006B36;
    --theme-success-light: #4DCA8B;
    --theme-success-subtle: #E6F8EF;


    /* =========================================
        PRIMARY - Purple
    ========================================= */

    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: 115, 44, 130;

    --bs-primary-text-emphasis: var(--theme-primary-dark);
    --bs-primary-bg-subtle: var(--theme-primary-subtle);
    --bs-primary-border-subtle: #C9A5D0;


    /* =========================================
        SECONDARY - Soft Pink
    ========================================= */

    --bs-secondary: var(--theme-secondary);
    /* --bs-secondary-rgb: 249, 237, 240; */

    --bs-secondary-text-emphasis: #8A6670;
    --bs-secondary-bg-subtle: var(--theme-secondary-light);
    --bs-secondary-border-subtle: var(--theme-secondary-dark);


    /* =========================================
        SUCCESS - Green
    ========================================= */

    --bs-success: var(--theme-success);
    --bs-success-rgb: 2, 182, 91;

    --bs-success-text-emphasis: var(--theme-success-darker);
    --bs-success-bg-subtle: var(--theme-success-subtle);
    --bs-success-border-subtle: #B3E9CE;


    /* =========================================
        OTHER BOOTSTRAP COLOURS
    ========================================= */

    --bs-danger: #D9536F;
    --bs-danger-rgb: 217, 83, 111;

    --bs-warning: #E6A23C;
    --bs-warning-rgb: 230, 162, 60;

    --bs-info: #5B8DEF;
    --bs-info-rgb: 91, 141, 239;

    --bs-light: #F8F6F8;
    --bs-light-rgb: 248, 246, 248;

    --bs-dark: #2D2630;
    --bs-dark-rgb: 45, 38, 48;


    /* =========================================
        BODY / GENERAL UI
    ========================================= */

    --bs-body-color: #2D2630;
    --bs-body-color-rgb: 45, 38, 48;

    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255, 255, 255;

    --bs-secondary-color: #6B626C;
    --bs-secondary-color-rgb: 107, 98, 108;

    --bs-tertiary-color: #8E858F;
    --bs-tertiary-color-rgb: 142, 133, 143;

    --bs-border-color: #E5DDE6;
    --bs-border-color-translucent: rgba(45, 38, 48, 0.12);


    /* =========================================
        LINKS
    ========================================= */

    --bs-link-color: var(--theme-primary);
    --bs-link-color-rgb: 115, 44, 130;

    --bs-link-hover-color: var(--theme-primary-dark);
    --bs-link-hover-color-rgb: 84, 32, 95;


    /* =========================================
        FOCUS
    ========================================= */

    --bs-focus-ring-color: rgba(115, 44, 130, 0.25);
}


/* =============================================
    PRIMARY BUTTON
============================================= */

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--theme-primary-dark);
    --bs-btn-hover-border-color: var(--theme-primary-dark);

    --bs-btn-focus-shadow-rgb: 115, 44, 130;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--theme-primary-darker);
    --bs-btn-active-border-color: var(--theme-primary-darker);

    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: var(--theme-primary);
    --bs-btn-disabled-border-color: var(--theme-primary);
}


/* =============================================
    SECONDARY BUTTON
============================================= */

.btn-secondary {
    --bs-btn-color: var(--theme-primary-dark);
    --bs-btn-bg: var(--theme-secondary);
    --bs-btn-border-color: var(--theme-secondary-dark);

    --bs-btn-hover-color: var(--theme-primary-dark);
    --bs-btn-hover-bg: var(--theme-secondary-dark);
    --bs-btn-hover-border-color: #D9B5BE;

    --bs-btn-focus-shadow-rgb: 249, 237, 240;

    --bs-btn-active-color: var(--theme-primary-dark);
    --bs-btn-active-bg: #D9B5BE;
    --bs-btn-active-border-color: #D9B5BE;
}


/* =============================================
    SUCCESS BUTTON
============================================= */

.btn-success {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--theme-success);
    --bs-btn-border-color: var(--theme-success);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--theme-success-dark);
    --bs-btn-hover-border-color: var(--theme-success-dark);

    --bs-btn-focus-shadow-rgb: 2, 182, 91;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--theme-success-darker);
    --bs-btn-active-border-color: var(--theme-success-darker);
}


/* =============================================
    OUTLINE PRIMARY
============================================= */

.btn-outline-primary {
    --bs-btn-color: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--theme-primary);
    --bs-btn-hover-border-color: var(--theme-primary);

    --bs-btn-focus-shadow-rgb: 115, 44, 130;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--theme-primary-dark);
    --bs-btn-active-border-color: var(--theme-primary-dark);
}


/* =============================================
    OUTLINE SUCCESS
============================================= */

.btn-outline-success {
    --bs-btn-color: var(--theme-success);
    --bs-btn-border-color: var(--theme-success);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--theme-success);
    --bs-btn-hover-border-color: var(--theme-success);

    --bs-btn-focus-shadow-rgb: 2, 182, 91;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--theme-success-dark);
    --bs-btn-active-border-color: var(--theme-success-dark);
}