<style>
    .dont-use-it{}
    :root {
        --miracel-primary-color: #02015f;
        --miracel-secondary-color: #f37021;
        --miracel-primary-white-color: #fafdfe;
        --miracel-secondary-white-color: #dbe4ff;
        --miracel-like-color: #bf1f48;
        --miracel-termic-box-card-footer: #cadbef;
        --miracel-vip-mag-color: #03024b;
        --miracel-card-slogan-color: #0600ff;
        --miracel-filter-category-color: #ffe6d7;
        --miracel-text-crude-color: #02015f;
        --miracel-text-subtle-color: #666666;
        --miracel-termic-card-color: #f1f1f3;
        --miracel-termic-card-crude-color: #d7d7dd;
        --miracel-podcast-card-color: #f1f1f3;
        --miracel-exam-card-color: #fbf7f2;
        --miracel-skill-card-color: #f7f8f6;
        --miracel-course-card-color: #e7f2f8;
        --miracel-content-card-color: #f0f0f0;
        --miracel-network-card-color: #e7f2f8;
        --miracel-miscellaneous-color: #e3e3e3;
        --miracel-cta-color: #ecf1fe;		
        --green-subtle-color: #C8E6C9;
        --red-subtle-color: #FFCDD2;
        --yellow-subtle-color: #FFF9C4;
        --blue-subtle-color: #BBDEFB;
    }
    /* Micracel primary color */
    .bg-miracel-primary-color {
        background-color: var(--miracel-primary-color) !important;
    }
    .text-miracel-primary-color {
        color: var(--miracel-primary-color) !important;
    }
    .fill-miracel-primary-color {
        fill: var(--miracel-primary-color) !important;
    }
    .border-miracel-primary-color {
        border-color: var(--miracel-primary-color) !important;
    }
    /* Micracel secondary color */
    .bg-miracel-secondary-color {
        background-color: var(--miracel-secondary-color) !important;
    }
    .text-miracel-secondary-color {
        color: var(--miracel-secondary-color) !important;
    }
    .fill-miracel-secondary-color {
        fill: var(--miracel-secondary-color) !important;
    }
    .border-miracel-secondary-color {
        border-color: var(--miracel-secondary-color) !important;
    }
    /* Miracel light primary */
    .bg-miracel-primary-white-color {
        background-color: var(--miracel-primary-white-color) !important;
    }
    .text-miracel-primary-white-color {
        color: var(--miracel-primary-white-color) !important;
    }
    .fill-miracel-primary-white-color {
        fill: var(--miracel-primary-white-color) !important;
    }
    /* Miracel light secondary */
    .bg-miracel-secondary-white-color {
        background-color: var(--miracel-secondary-white-color) !important;
    }
    .text-miracel-secondary-white-color {
        color: var(--miracel-secondary-white-color) !important;
    }
    /* Fill of like buttons */
    .fill-miracel-like-color {
        fill: var(--miracel-like-color) !important;
    }
    /* Bg of box card footer in termic page */
    .bg-miracel-termic-box-card-footer {
        background-color: var(--miracel-termic-box-card-footer) !important;
    }
    /* Bg of VIP section in mag page */
    .bg-miracel-vip-mag-color {
        background-color: var(--miracel-vip-mag-color) !important;
    }
    /* Color of card slogan */
    .text-miracel-card-slogan-color {
        color: var(--miracel-card-slogan-color) !important;
    }
    /* Bg of category filter in courses page */
    .bg-miracel-filter-category-color {
        background-color: var(--miracel-filter-category-color) !important;
    }
    /* Color of descriptions */
    .text-miracel-text-crude-color {
        color: var(--miracel-text-crude-color) !important;
    }
    .text-miracel-text-subtle-color {
        color: var(--miracel-text-subtle-color) !important;
    }
    /* Bg of Cards */
    .bg-miracel-termic-card-color {
        background-color: var(--miracel-termic-card-color) !important;
    }
    .bg-miracel-termic-card-crude-color {
        background-color: var(--miracel-termic-card-crude-color) !important;
    }
    .bg-miracel-podcast-card-color {
        background-color: var(--miracel-podcast-card-color) !important;
    }
    .bg-miracel-exam-card-color {
        background-color: var(--miracel-exam-card-color) !important;
    }
    .bg-miracel-skill-card-color {
        background-color: var(--miracel-skill-card-color) !important;
    }
    .bg-miracel-course-card-color {
        background-color: var(--miracel-course-card-color) !important;
    }
    .bg-miracel-content-card-color {
        background-color: var(--miracel-content-card-color) !important;
    }
    .bg-miracel-network-card-color {
        background-color: var(--miracel-network-card-color) !important;
    }
    .bg-miracel-miscellaneous-color {
        background-color: var(--miracel-miscellaneous-color) !important;
    }
    .bg-miracel-cta-color {
        background-color: var(--miracel-cta-color) !important;
    }	
    /* strict colors */
    .bg-green-subtle-color {
        background-color: var(--green-subtle-color);
    }
    .bg-red-subtle-color {
        background-color: var(--red-subtle-color);
    }
    .bg-yellow-subtle-color {
        background-color: var(--yellow-subtle-color);
    }
    .bg-blue-subtle-color {
        background-color: var(--blue-subtle-color);
    }
</style>
