:root {
    --color-primary: #0072CE;
    --color-primary-shadow-15: #0072CE26;
    --color-primary-shadow-75: #0072CEBF;
    --color-primary-shadow-90: #0072CEE6;
    --color-primary-shade-20-shadow-90: #1b5aa5E6;
    --color-primary-shade-20: #1b5aa5;
    --color-primary-shade-40: #12447c;
    --color-primary-shade-60: #092e52;
    --color-primary-shade-80: #031729;
    --color-primary-tint-20: #338dd8;
    --color-primary-tint-40: #66aae2;
    --color-primary-tint-60: #cce4f5;
    --color-primary-tint-80: #def4fa;

    --color-secondary: #58CAE7;
    --color-secondary-shadow-15: #58CAE726;
    --color-secondary-shade-20: #48a0b8;
    --color-secondary-shade-40: #35798b;
    --color-secondary-shade-60: #23515c;
    --color-secondary-shade-80: #12282e;
    --color-secondary-tint-20: #79d5eb;
    --color-secondary-tint-40: #9bdff1;
    --color-secondary-tint-60: #bceaf5;
    --color-secondary-tint-80: #def4fa;

    --color-active: #EF008C;
    --color-active-shadow-15: #EF008C26;
    --color-active-shadow-75: #EF008CBF;
    --color-active-shade-20: #b90974;
    --color-active-shade-40: #8f0054;
    --color-active-shade-60: #600038;
    --color-active-shade-80: #30001c;
    --color-active-tint-20: #f233a3;
    --color-active-tint-40: #f566ba;
    --color-active-tint-60: #f999d1;
    --color-active-tint-80: #fccce8;

    --color-contrast: #243C4B;
    --color-contrast-shadow-15: #243C4B26;
    --color-contrast-shadow-75: #243C4BBF;
    --color-contrast-shadow-85: #243C4BD9;
    --color-contrast-shadow-90: #243C4BE6;
    --color-contrast-shade-60-shadow-90: #070d10E6;
    --color-contrast-shade-20: #1d2f3c;
    --color-contrast-shade-40: #16242D;
    --color-contrast-shade-60: #0e181f;
    --color-contrast-shade-80: #070d10;
    --color-contrast-tint-20: #4b565d;
    --color-contrast-tint-40: #7c8a93;
    --color-contrast-tint-60: #a7b1b7;
    --color-contrast-tint-80: #d3d8db;
    --color-contrast-tint-90: #EAECED;
    --color-contrast-tint-90-shadow-25: #4b565d;

    --color-tint: #FEFEFE;
    --color-tint-shadow-15: #FEFEFE26;
    --color-tint-shadow-50: #FEFEFE80;
    --color-tint-shadow-75: #FEFEFEBF;
    --color-tint-shadow-90: #FEFEFEE6;
    --color-tint-shade-20: #cbcbcb;
    --color-tint-shade-40: #989898;
    --color-tint-shade-60: #676766;
    --color-tint-shade-80: #333333;
    --color-tint-tint-20: var(--color-tint);
    --color-tint-tint-40: var(--color-tint);
    --color-tint-tint-60: #ffffff;
    --color-tint-tint-80: #ffffff;

    --color-success: #00843d;
    --color-success-shadow-15: #00843d26;
    --color-success-shade-20: #1a6b31;
    --color-success-shade-40: #114f25;
    --color-success-shade-60: #083518;
    --color-success-shade-80: #031b0c;
    --color-success-tint-20: #339d65;
    --color-success-tint-40: #66b68b;
    --color-success-tint-60: #99cdb1;
    --color-success-tint-80: #cce6d8;

    --color-warning: #f1c400;
    --color-warning-shadow-15: #f1c40026;
    --color-warning-shade-20: #bb9c0c;
    --color-warning-shade-40: #917600;
    --color-warning-shade-60: #604f00;
    --color-warning-shade-80: #302700;
    --color-warning-tint-20: #f4d034;
    --color-warning-tint-40: #f7dc67;
    --color-warning-tint-60: #f9e799;
    --color-warning-tint-80: #fcf3cc;

    --color-error: #d22630;
    --color-error-shadow-15: #d2263026;
    --color-error-shade-20: #a2252f;
    --color-error-shade-40: #7e171d;
    --color-error-shade-60: #540e13;
    --color-error-shade-80: #2a090a;
    --color-error-tint-20: #db5159;
    --color-error-tint-40: #e47e83;
    --color-error-tint-60: #eda8ab;
    --color-error-tint-80: #f6d4d6;
}

.bg-current {
    background: currentColor;
}

.bg-primary {
    background: var(--color-primary);
}

.bg-secondary {
    background: var(--color-secondary);
}

.bg-active {
    background: var(--color-active);
}

.bg-contrast {
    background: var(--color-contrast);
}

.bg-color-tint-shade-20 {
    background: var(--color-tint-shade-20);
}

.bg-color-tint-shadow-90 {
    background: var(--color-tint-shadow-90);
}

.bg-contrast-tint-90 {
    background: var(--color-contrast-tint-90);
}

.bg-contrast-shadow-15 {
    background: var(--color-contrast-shadow-15);
}

.bg-contrast-shadow-75 {
    background: var(--color-contrast-shadow-75);
}

.bg-tint {
    background: var(--color-tint);
}

.bg-error {
    background: var(--color-error);
}

.bg-warning {
    background: var(--color-warning);
}

.hover\:bg-active:hover {
    background: var(--color-active);
}

.group:hover .group-hover\:bg-primary {
    background: var(--color-primary);
}

.text-primary {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary);
}

.text-active {
    color: var(--color-active);
}

.text-contrast {
    color: var(--color-contrast);
}

.text-contrast-tint-90 {
    color: var(--color-contrast-tint-90);
}

.text-tint {
    color: var(--color-tint);
}

.text-warning {
    color: var(--color-warning);
}

.hover\:text-primary:hover {
    color: var(--color-primary);
}

.hover\:text-active:hover {
    color: var(--color-active);
}

.hover\:text-contrast:hover {
    color: var(--color-contrast);
}

.hover\:text-contrast-tint-90:hover {
    color: var(--color-contrast-tint-90);
}

@media screen and (min-width: 68em) {
    .lg\:bg-transparent {
        background: transparent;
    }
}