<style>
    .dont-use-it{}
    :root {
        --miracel-primary-color: #02015f;
        --miracel-secondary-color: #f37021;
        --miracel-primary-button: #d0e0ff;	
        --miracel-secondary-button: #005ca3;	
        --miracel-hero-box01: #f3f1fe;			
        --miracel-hero-box02: #fafdff;			
        --miracel-hero-box03: #22003d;						
        --miracel-primary-white-color: #fafaff;
        --miracel-secondary-white-color: #ebf2ff;
        --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: #363535;
        --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: #e6e6e6;
        --miracel-network-card-color: #e7f2f8;
        --miracel-miscellaneous-color: #e3e3e3;
        --miracel-cta-color: #ececfe;		
        --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 primary button */
    .bg-miracel-primary-button {
        background-color: var(--miracel-primary-button) !important;
    }
    .text-miracel-primary-button {
        color: var(--miracel-primary-button) !important;
    }
    .fill-miracel-primary-button {
        fill: var(--miracel-primary-button) !important;
    }
    .border-miracel-primary-button {
        border-color: var(--miracel-primary-button) !important;
    }	
    /* Miracel secondary button */
    .bg-miracel-secondary-button {
        background-color: var(--miracel-secondary-button) !important;
    }
    .text-miracel-secondary-button {
        color: var(--miracel-secondary-button) !important;
    }
    .fill-miracel-secondary-button {
        fill: var(--miracel-secondary-button) !important;
    }
    .border-miracel-secondary-button {
        border-color: var(--miracel-secondary-button) !important;
    }
    /*Miracel hero box01 */
    .bg-miracel-hero-box01 {
        background-color: var(--miracel-hero-box01) !important;
    }
    .text-miracel-hero-box01 {
        color: var(--miracel-hero-box01) !important;
    }
    .text-miracel-hero-box01-color {
        color: #000000 !important;
    }	
    .fill-miracel-hero-box01 {
        fill: var(--miracel-hero-box01) !important;
    }
    .border-miracel-hero-box01 {
        border-color: var(--miracel-hero-box01) !important;
    }	
    /*Miracel hero box02 */
    .bg-miracel-hero-box02 {
        background-color: var(--miracel-hero-box02) !important;
    }
    .text-miracel-hero-box02 {
        color: var(--miracel-hero-box02) !important;
    }
    .text-miracel-hero-box02-color {
        color: #000000 !important;
    }		
    .fill-miracel-hero-box02 {
        fill: var(--miracel-hero-box02) !important;
    }
    .border-miracel-hero-box03 {
        border-color: var(--miracel-hero-box02) !important;
    }
    /*Miracel hero box03 */
    .bg-miracel-hero-box03 {
        background-color: var(--miracel-hero-box03) !important;
    }
    .text-miracel-hero-box03 {
        color: var(--miracel-hero-box03) !important;
    }
    .text-miracel-hero-box03-color {
        color: #ffffff !important;
    }		
    .fill-miracel-hero-box03 {
        fill: var(--miracel-hero-box03) !important;
    }
    .border-miracel-hero-box03 {
        border-color: var(--miracel-hero-box03) !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>
