/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */

:root .light{
    --primary-colour: #06989e; /*var(--primary-colour); original #004dff*/
    --primary-colour-soft: #11c2cb; /*var(--primary-colour-soft); original #3874ff*/
    --primary-colour-softer: #a6dee1; /*var(--primary-colour-softer);*/
    --secondary-colour: #a13355; /*var(--secondary-colour);*/
    --secondary-colour-soft: #d4426e; /*var(--secondary-colour);*/
    --secondary-colour-softer: #dd9eb0; /*var(--secondary-colour);*/
}
.btn-primary, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-button {
    --phoenix-btn-color: #fff;
    --phoenix-btn-bg: #3874ff;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: #fff;
    --phoenix-btn-hover-bg: #004dff;
    --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
    --phoenix-btn-active-color: #fff;
    --phoenix-btn-active-bg: #2d5dcc;
    --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --phoenix-btn-disabled-color: #fff;
    --phoenix-btn-disabled-bg: #3874ff;
    --phoenix-btn-disabled-border-color: transparent;
}
.btn-outline-primary {
    --phoenix-btn-color: #3874ff;
    --phoenix-btn-border-color: #3874ff;
    --phoenix-btn-hover-color: #fff;
    --phoenix-btn-hover-bg: #3874ff;
    --phoenix-btn-hover-border-color: #004dff;
    --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
    --phoenix-btn-active-color: #fff;
    --phoenix-btn-active-bg: #3874ff;
    --phoenix-btn-active-border-color: #004dff;
    --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --phoenix-btn-disabled-color: #3874ff;
    --phoenix-btn-disabled-bg: transparent;
    --phoenix-btn-disabled-border-color: #3874ff;

    .btn-secondary {
        --phoenix-btn-color: #fff;
        --phoenix-btn-bg: #31374a;
        --phoenix-btn-border-color: transparent;
        --phoenix-btn-hover-color: #fff;
        --phoenix-btn-hover-bg: #222834;
        --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
        --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
        --phoenix-btn-active-color: #fff;
        --phoenix-btn-active-bg: #272c3b;
        --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
        --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
        --phoenix-btn-disabled-color: #fff;
        --phoenix-btn-disabled-bg: #31374a;
        --phoenix-btn-disabled-border-color: transparent;
    }

    .btn-outline-secondary {
        --phoenix-btn-color: #31374a;
        --phoenix-btn-border-color: #31374a;
        --phoenix-btn-hover-color: #fff;
        --phoenix-btn-hover-bg: #31374a;
        --phoenix-btn-hover-border-color: #222834;
        --phoenix-btn-focus-shadow-rgb: 49, 55, 74;
        --phoenix-btn-active-color: #fff;
        --phoenix-btn-active-bg: #31374a;
        --phoenix-btn-active-border-color: #222834;
        --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
        --phoenix-btn-disabled-color: #31374a;
        --phoenix-btn-disabled-bg: transparent;
        --phoenix-btn-disabled-border-color: #31374a;
        --phoenix-gradient: none;
    }