/*!
========================================================
OXCSS
@version 0.1
@author Ian Maurmann
@license https://opensource.org/licenses/MIT MIT License
@copyright Copyright (c) 2016-2023 - Ian Maurmann
========================================================
*/


/*
    OXCSS Color Ant
    ===============

    Colors from Ant Design's base color palette
    See: https://ant.design/docs/spec/colors

        ========================================================
        Ant Design is:
        Copyright (c) 2015-present Ant UED, https://xtech.antfin.com/
        License: MIT License
        ========================================================




    ========================================================
    OXCSS
    @version 0.1
    @author Ian Maurmann
    @license https://opensource.org/licenses/MIT MIT License
    @copyright Copyright (c) 2016-2023 - Ian Maurmann
    ========================================================
*/


/* Color Variables */
:root {


    /* Ant - Red */
    --ox-color-ant-red-1:  #fff1f0;
    --ox-color-ant-red-2:  #ffccc7;
    --ox-color-ant-red-3:  #ffa39e;
    --ox-color-ant-red-4:  #ff7875;
    --ox-color-ant-red-5:  #ff4d4f;
    --ox-color-ant-red-6:  #f5222d;
    --ox-color-ant-red-7:  #cf1322;
    --ox-color-ant-red-8:  #a8071a;
    --ox-color-ant-red-9:  #820014;
    --ox-color-ant-red-10: #5c0011;


    /* Ant - volcano */
    --ox-color-ant-volcano-1:  #fff2e8;
    --ox-color-ant-volcano-2:  #ffd8bf;
    --ox-color-ant-volcano-3:  #ffbb96;
    --ox-color-ant-volcano-4:  #ff9c6e;
    --ox-color-ant-volcano-5:  #ff7a45;
    --ox-color-ant-volcano-6:  #fa541c;
    --ox-color-ant-volcano-7:  #d4380d;
    --ox-color-ant-volcano-8:  #ad2102;
    --ox-color-ant-volcano-9:  #871400;
    --ox-color-ant-volcano-10: #610b00;


    /* Ant - orange */
    --ox-color-ant-orange-1:  #fff7e6;
    --ox-color-ant-orange-2:  #ffe7ba;
    --ox-color-ant-orange-3:  #ffd591;
    --ox-color-ant-orange-4:  #ffc069;
    --ox-color-ant-orange-5:  #ffa940;
    --ox-color-ant-orange-6:  #fa8c16;
    --ox-color-ant-orange-7:  #d46b08;
    --ox-color-ant-orange-8:  #ad4e00;
    --ox-color-ant-orange-9:  #873800;
    --ox-color-ant-orange-10: #612500;


    /* Ant - gold */
    --ox-color-ant-gold-1:  #fffbe6;
    --ox-color-ant-gold-2:  #fff1b8;
    --ox-color-ant-gold-3:  #ffe58f;
    --ox-color-ant-gold-4:  #ffd666;
    --ox-color-ant-gold-5:  #ffc53d;
    --ox-color-ant-gold-6:  #faad14;
    --ox-color-ant-gold-7:  #d48806;
    --ox-color-ant-gold-8:  #ad6800;
    --ox-color-ant-gold-9:  #874d00;
    --ox-color-ant-gold-10: #613400;


    /* Ant - yellow */
    --ox-color-ant-yellow-1:  #feffe6;
    --ox-color-ant-yellow-2:  #ffffb8;
    --ox-color-ant-yellow-3:  #fffb8f;
    --ox-color-ant-yellow-4:  #fff566;
    --ox-color-ant-yellow-5:  #ffec3d;
    --ox-color-ant-yellow-6:  #fadb14;
    --ox-color-ant-yellow-7:  #d4b106;
    --ox-color-ant-yellow-8:  #ad8b00;
    --ox-color-ant-yellow-9:  #876800;
    --ox-color-ant-yellow-10: #614700;

    /* Ant - lime */
    --ox-color-ant-lime-1:  #fcffe6;
    --ox-color-ant-lime-2:  #f4ffb8;
    --ox-color-ant-lime-3:  #eaff8f;
    --ox-color-ant-lime-4:  #d3f261;
    --ox-color-ant-lime-5:  #bae637;
    --ox-color-ant-lime-6:  #a0d911;
    --ox-color-ant-lime-7:  #7cb305;
    --ox-color-ant-lime-8:  #5b8c00;
    --ox-color-ant-lime-9:  #3f6600;
    --ox-color-ant-lime-10: #254000;

    /* Ant - green */
    --ox-color-ant-green-1:  #f6ffed;
    --ox-color-ant-green-2:  #d9f7be;
    --ox-color-ant-green-3:  #b7eb8f;
    --ox-color-ant-green-4:  #95de64;
    --ox-color-ant-green-5:  #73d13d;
    --ox-color-ant-green-6:  #52c41a;
    --ox-color-ant-green-7:  #389e0d;
    --ox-color-ant-green-8:  #237804;
    --ox-color-ant-green-9:  #135200;
    --ox-color-ant-green-10: #092b00;


    /* Ant - cyan */
    --ox-color-ant-cyan-1:  #e6fffb;
    --ox-color-ant-cyan-2:  #b5f5ec;
    --ox-color-ant-cyan-3:  #87e8de;
    --ox-color-ant-cyan-4:  #5cdbd3;
    --ox-color-ant-cyan-5:  #36cfc9;
    --ox-color-ant-cyan-6:  #13c2c2;
    --ox-color-ant-cyan-7:  #08979c;
    --ox-color-ant-cyan-8:  #006d75;
    --ox-color-ant-cyan-9:  #00474f;
    --ox-color-ant-cyan-10: #002329;


    /* Ant - blue */
    --ox-color-ant-blue-1:  #e6f7ff;
    --ox-color-ant-blue-2:  #bae7ff;
    --ox-color-ant-blue-3:  #91d5ff;
    --ox-color-ant-blue-4:  #69c0ff;
    --ox-color-ant-blue-5:  #40a9ff;
    --ox-color-ant-blue-6:  #1890ff;
    --ox-color-ant-blue-7:  #096dd9;
    --ox-color-ant-blue-8:  #0050b3;
    --ox-color-ant-blue-9:  #003a8c;
    --ox-color-ant-blue-10: #002766;



    /* Ant - geekblue */
    --ox-color-ant-geekblue-1:  #f0f5ff;
    --ox-color-ant-geekblue-2:  #d6e4ff;
    --ox-color-ant-geekblue-3:  #adc6ff;
    --ox-color-ant-geekblue-4:  #85a5ff;
    --ox-color-ant-geekblue-5:  #597ef7;
    --ox-color-ant-geekblue-6:  #2f54eb;
    --ox-color-ant-geekblue-7:  #1d39c4;
    --ox-color-ant-geekblue-8:  #10239e;
    --ox-color-ant-geekblue-9:  #061178;
    --ox-color-ant-geekblue-10: #030852;

    /* Ant - purple */
    --ox-color-ant-purple-1:  #f9f0ff;
    --ox-color-ant-purple-2:  #efdbff;
    --ox-color-ant-purple-3:  #d3adf7;
    --ox-color-ant-purple-4:  #b37feb;
    --ox-color-ant-purple-5:  #9254de;
    --ox-color-ant-purple-6:  #722ed1;
    --ox-color-ant-purple-7:  #531dab;
    --ox-color-ant-purple-8:  #391085;
    --ox-color-ant-purple-9:  #22075e;
    --ox-color-ant-purple-10: #120338;


    /* Ant - magenta */
    --ox-color-ant-magenta-1:  #fff0f6;
    --ox-color-ant-magenta-2:  #ffd6e7;
    --ox-color-ant-magenta-3:  #ffadd2;
    --ox-color-ant-magenta-4:  #ff85c0;
    --ox-color-ant-magenta-5:  #f759ab;
    --ox-color-ant-magenta-6:  #eb2f96;
    --ox-color-ant-magenta-7:  #c41d7f;
    --ox-color-ant-magenta-8:  #9e1068;
    --ox-color-ant-magenta-9:  #780650;
    --ox-color-ant-magenta-10: #520339;



    /* Ant - gray */
    --ox-color-ant-gray-1:  #ffffff;
    --ox-color-ant-gray-2:  #fafafa;
    --ox-color-ant-gray-3:  #f5f5f5;
    --ox-color-ant-gray-4:  #f0f0f0;
    --ox-color-ant-gray-5:  #d9d9d9;
    --ox-color-ant-gray-6:  #bfbfbf;
    --ox-color-ant-gray-7:  #8c8c8c;
    --ox-color-ant-gray-8:  #595959;
    --ox-color-ant-gray-9:  #434343;
    --ox-color-ant-gray-10: #262626;
    --ox-color-ant-gray-11: #1f1f1f;
    --ox-color-ant-gray-12: #141414;
    --ox-color-ant-gray-13: #000000;






}
/* ============================================================================ */

/* FG */


/* Ant red */
[data-ox-text-color="ant-red-1"]  { color: var(--ox-color-ant-red-1);  }
[data-ox-text-color="ant-red-2"]  { color: var(--ox-color-ant-red-2);  }
[data-ox-text-color="ant-red-3"]  { color: var(--ox-color-ant-red-3);  }
[data-ox-text-color="ant-red-4"]  { color: var(--ox-color-ant-red-4);  }
[data-ox-text-color="ant-red-5"]  { color: var(--ox-color-ant-red-5);  }
[data-ox-text-color="ant-red-6"]  { color: var(--ox-color-ant-red-6);  }
[data-ox-text-color="ant-red-7"]  { color: var(--ox-color-ant-red-7);  }
[data-ox-text-color="ant-red-8"]  { color: var(--ox-color-ant-red-8);  }
[data-ox-text-color="ant-red-9"]  { color: var(--ox-color-ant-red-9);  }
[data-ox-text-color="ant-red-10"] { color: var(--ox-color-ant-red-10); }



/* Ant volcano */
[data-ox-text-color="ant-volcano-1"]  { color: var(--ox-color-ant-volcano-1);  }
[data-ox-text-color="ant-volcano-2"]  { color: var(--ox-color-ant-volcano-2);  }
[data-ox-text-color="ant-volcano-3"]  { color: var(--ox-color-ant-volcano-3);  }
[data-ox-text-color="ant-volcano-4"]  { color: var(--ox-color-ant-volcano-4);  }
[data-ox-text-color="ant-volcano-5"]  { color: var(--ox-color-ant-volcano-5);  }
[data-ox-text-color="ant-volcano-6"]  { color: var(--ox-color-ant-volcano-6);  }
[data-ox-text-color="ant-volcano-7"]  { color: var(--ox-color-ant-volcano-7);  }
[data-ox-text-color="ant-volcano-8"]  { color: var(--ox-color-ant-volcano-8);  }
[data-ox-text-color="ant-volcano-9"]  { color: var(--ox-color-ant-volcano-9);  }
[data-ox-text-color="ant-volcano-10"] { color: var(--ox-color-ant-volcano-10); }


/* Ant orange */
[data-ox-text-color="ant-orange-1"]  { color: var(--ox-color-ant-orange-1);  }
[data-ox-text-color="ant-orange-2"]  { color: var(--ox-color-ant-orange-2);  }
[data-ox-text-color="ant-orange-3"]  { color: var(--ox-color-ant-orange-3);  }
[data-ox-text-color="ant-orange-4"]  { color: var(--ox-color-ant-orange-4);  }
[data-ox-text-color="ant-orange-5"]  { color: var(--ox-color-ant-orange-5);  }
[data-ox-text-color="ant-orange-6"]  { color: var(--ox-color-ant-orange-6);  }
[data-ox-text-color="ant-orange-7"]  { color: var(--ox-color-ant-orange-7);  }
[data-ox-text-color="ant-orange-8"]  { color: var(--ox-color-ant-orange-8);  }
[data-ox-text-color="ant-orange-9"]  { color: var(--ox-color-ant-orange-9);  }
[data-ox-text-color="ant-orange-10"] { color: var(--ox-color-ant-orange-10); }


/* Ant gold */
[data-ox-text-color="ant-gold-1"]  { color: var(--ox-color-ant-gold-1);  }
[data-ox-text-color="ant-gold-2"]  { color: var(--ox-color-ant-gold-2);  }
[data-ox-text-color="ant-gold-3"]  { color: var(--ox-color-ant-gold-3);  }
[data-ox-text-color="ant-gold-4"]  { color: var(--ox-color-ant-gold-4);  }
[data-ox-text-color="ant-gold-5"]  { color: var(--ox-color-ant-gold-5);  }
[data-ox-text-color="ant-gold-6"]  { color: var(--ox-color-ant-gold-6);  }
[data-ox-text-color="ant-gold-7"]  { color: var(--ox-color-ant-gold-7);  }
[data-ox-text-color="ant-gold-8"]  { color: var(--ox-color-ant-gold-8);  }
[data-ox-text-color="ant-gold-9"]  { color: var(--ox-color-ant-gold-9);  }
[data-ox-text-color="ant-gold-10"] { color: var(--ox-color-ant-gold-10); }

/* Ant yellow */
[data-ox-text-color="ant-yellow-1"]  { color: var(--ox-color-ant-yellow-1);  }
[data-ox-text-color="ant-yellow-2"]  { color: var(--ox-color-ant-yellow-2);  }
[data-ox-text-color="ant-yellow-3"]  { color: var(--ox-color-ant-yellow-3);  }
[data-ox-text-color="ant-yellow-4"]  { color: var(--ox-color-ant-yellow-4);  }
[data-ox-text-color="ant-yellow-5"]  { color: var(--ox-color-ant-yellow-5);  }
[data-ox-text-color="ant-yellow-6"]  { color: var(--ox-color-ant-yellow-6);  }
[data-ox-text-color="ant-yellow-7"]  { color: var(--ox-color-ant-yellow-7);  }
[data-ox-text-color="ant-yellow-8"]  { color: var(--ox-color-ant-yellow-8);  }
[data-ox-text-color="ant-yellow-9"]  { color: var(--ox-color-ant-yellow-9);  }
[data-ox-text-color="ant-yellow-10"] { color: var(--ox-color-ant-yellow-10); }


/* Ant lime */
[data-ox-text-color="ant-lime-1"]  { color: var(--ox-color-ant-lime-1);  }
[data-ox-text-color="ant-lime-2"]  { color: var(--ox-color-ant-lime-2);  }
[data-ox-text-color="ant-lime-3"]  { color: var(--ox-color-ant-lime-3);  }
[data-ox-text-color="ant-lime-4"]  { color: var(--ox-color-ant-lime-4);  }
[data-ox-text-color="ant-lime-5"]  { color: var(--ox-color-ant-lime-5);  }
[data-ox-text-color="ant-lime-6"]  { color: var(--ox-color-ant-lime-6);  }
[data-ox-text-color="ant-lime-7"]  { color: var(--ox-color-ant-lime-7);  }
[data-ox-text-color="ant-lime-8"]  { color: var(--ox-color-ant-lime-8);  }
[data-ox-text-color="ant-lime-9"]  { color: var(--ox-color-ant-lime-9);  }
[data-ox-text-color="ant-lime-10"] { color: var(--ox-color-ant-lime-10); }

/* Ant green */
[data-ox-text-color="ant-green-1"]  { color: var(--ox-color-ant-green-1);  }
[data-ox-text-color="ant-green-2"]  { color: var(--ox-color-ant-green-2);  }
[data-ox-text-color="ant-green-3"]  { color: var(--ox-color-ant-green-3);  }
[data-ox-text-color="ant-green-4"]  { color: var(--ox-color-ant-green-4);  }
[data-ox-text-color="ant-green-5"]  { color: var(--ox-color-ant-green-5);  }
[data-ox-text-color="ant-green-6"]  { color: var(--ox-color-ant-green-6);  }
[data-ox-text-color="ant-green-7"]  { color: var(--ox-color-ant-green-7);  }
[data-ox-text-color="ant-green-8"]  { color: var(--ox-color-ant-green-8);  }
[data-ox-text-color="ant-green-9"]  { color: var(--ox-color-ant-green-9);  }
[data-ox-text-color="ant-green-10"] { color: var(--ox-color-ant-green-10); }


/* Ant cyan */
[data-ox-text-color="ant-cyan-1"]  { color: var(--ox-color-ant-cyan-1);  }
[data-ox-text-color="ant-cyan-2"]  { color: var(--ox-color-ant-cyan-2);  }
[data-ox-text-color="ant-cyan-3"]  { color: var(--ox-color-ant-cyan-3);  }
[data-ox-text-color="ant-cyan-4"]  { color: var(--ox-color-ant-cyan-4);  }
[data-ox-text-color="ant-cyan-5"]  { color: var(--ox-color-ant-cyan-5);  }
[data-ox-text-color="ant-cyan-6"]  { color: var(--ox-color-ant-cyan-6);  }
[data-ox-text-color="ant-cyan-7"]  { color: var(--ox-color-ant-cyan-7);  }
[data-ox-text-color="ant-cyan-8"]  { color: var(--ox-color-ant-cyan-8);  }
[data-ox-text-color="ant-cyan-9"]  { color: var(--ox-color-ant-cyan-9);  }
[data-ox-text-color="ant-cyan-10"] { color: var(--ox-color-ant-cyan-10); }

/* Ant blue */
[data-ox-text-color="ant-blue-1"]  { color: var(--ox-color-ant-blue-1);  }
[data-ox-text-color="ant-blue-2"]  { color: var(--ox-color-ant-blue-2);  }
[data-ox-text-color="ant-blue-3"]  { color: var(--ox-color-ant-blue-3);  }
[data-ox-text-color="ant-blue-4"]  { color: var(--ox-color-ant-blue-4);  }
[data-ox-text-color="ant-blue-5"]  { color: var(--ox-color-ant-blue-5);  }
[data-ox-text-color="ant-blue-6"]  { color: var(--ox-color-ant-blue-6);  }
[data-ox-text-color="ant-blue-7"]  { color: var(--ox-color-ant-blue-7);  }
[data-ox-text-color="ant-blue-8"]  { color: var(--ox-color-ant-blue-8);  }
[data-ox-text-color="ant-blue-9"]  { color: var(--ox-color-ant-blue-9);  }
[data-ox-text-color="ant-blue-10"] { color: var(--ox-color-ant-blue-10); }



/* Ant geekblue */
[data-ox-text-color="ant-geekblue-1"]  { color: var(--ox-color-ant-geekblue-1);  }
[data-ox-text-color="ant-geekblue-2"]  { color: var(--ox-color-ant-geekblue-2);  }
[data-ox-text-color="ant-geekblue-3"]  { color: var(--ox-color-ant-geekblue-3);  }
[data-ox-text-color="ant-geekblue-4"]  { color: var(--ox-color-ant-geekblue-4);  }
[data-ox-text-color="ant-geekblue-5"]  { color: var(--ox-color-ant-geekblue-5);  }
[data-ox-text-color="ant-geekblue-6"]  { color: var(--ox-color-ant-geekblue-6);  }
[data-ox-text-color="ant-geekblue-7"]  { color: var(--ox-color-ant-geekblue-7);  }
[data-ox-text-color="ant-geekblue-8"]  { color: var(--ox-color-ant-geekblue-8);  }
[data-ox-text-color="ant-geekblue-9"]  { color: var(--ox-color-ant-geekblue-9);  }
[data-ox-text-color="ant-geekblue-10"] { color: var(--ox-color-ant-geekblue-10); }


/* Ant purple */
[data-ox-text-color="ant-purple-1"]  { color: var(--ox-color-ant-purple-1);  }
[data-ox-text-color="ant-purple-2"]  { color: var(--ox-color-ant-purple-2);  }
[data-ox-text-color="ant-purple-3"]  { color: var(--ox-color-ant-purple-3);  }
[data-ox-text-color="ant-purple-4"]  { color: var(--ox-color-ant-purple-4);  }
[data-ox-text-color="ant-purple-5"]  { color: var(--ox-color-ant-purple-5);  }
[data-ox-text-color="ant-purple-6"]  { color: var(--ox-color-ant-purple-6);  }
[data-ox-text-color="ant-purple-7"]  { color: var(--ox-color-ant-purple-7);  }
[data-ox-text-color="ant-purple-8"]  { color: var(--ox-color-ant-purple-8);  }
[data-ox-text-color="ant-purple-9"]  { color: var(--ox-color-ant-purple-9);  }
[data-ox-text-color="ant-purple-10"] { color: var(--ox-color-ant-purple-10); }


/* Ant magenta */
[data-ox-text-color="ant-magenta-1"]  { color: var(--ox-color-ant-magenta-1);  }
[data-ox-text-color="ant-magenta-2"]  { color: var(--ox-color-ant-magenta-2);  }
[data-ox-text-color="ant-magenta-3"]  { color: var(--ox-color-ant-magenta-3);  }
[data-ox-text-color="ant-magenta-4"]  { color: var(--ox-color-ant-magenta-4);  }
[data-ox-text-color="ant-magenta-5"]  { color: var(--ox-color-ant-magenta-5);  }
[data-ox-text-color="ant-magenta-6"]  { color: var(--ox-color-ant-magenta-6);  }
[data-ox-text-color="ant-magenta-7"]  { color: var(--ox-color-ant-magenta-7);  }
[data-ox-text-color="ant-magenta-8"]  { color: var(--ox-color-ant-magenta-8);  }
[data-ox-text-color="ant-magenta-9"]  { color: var(--ox-color-ant-magenta-9);  }
[data-ox-text-color="ant-magenta-10"] { color: var(--ox-color-ant-magenta-10); }


/* Ant gray */
[data-ox-text-color="ant-gray-1"]  { color: var(--ox-color-ant-gray-1);  }
[data-ox-text-color="ant-gray-2"]  { color: var(--ox-color-ant-gray-2);  }
[data-ox-text-color="ant-gray-3"]  { color: var(--ox-color-ant-gray-3);  }
[data-ox-text-color="ant-gray-4"]  { color: var(--ox-color-ant-gray-4);  }
[data-ox-text-color="ant-gray-5"]  { color: var(--ox-color-ant-gray-5);  }
[data-ox-text-color="ant-gray-6"]  { color: var(--ox-color-ant-gray-6);  }
[data-ox-text-color="ant-gray-7"]  { color: var(--ox-color-ant-gray-7);  }
[data-ox-text-color="ant-gray-8"]  { color: var(--ox-color-ant-gray-8);  }
[data-ox-text-color="ant-gray-9"]  { color: var(--ox-color-ant-gray-9);  }
[data-ox-text-color="ant-gray-10"] { color: var(--ox-color-ant-gray-10); }
[data-ox-text-color="ant-gray-11"] { color: var(--ox-color-ant-gray-11); }
[data-ox-text-color="ant-gray-12"] { color: var(--ox-color-ant-gray-12); }
[data-ox-text-color="ant-gray-13"] { color: var(--ox-color-ant-gray-13); }


/* ============================================================================ */

/* BG */



/* Ant red */
[data-ox-bg-color="ant-red-1"]  { background-color: var(--ox-color-ant-red-1);  }
[data-ox-bg-color="ant-red-2"]  { background-color: var(--ox-color-ant-red-2);  }
[data-ox-bg-color="ant-red-3"]  { background-color: var(--ox-color-ant-red-3);  }
[data-ox-bg-color="ant-red-4"]  { background-color: var(--ox-color-ant-red-4);  }
[data-ox-bg-color="ant-red-5"]  { background-color: var(--ox-color-ant-red-5);  }
[data-ox-bg-color="ant-red-6"]  { background-color: var(--ox-color-ant-red-6);  }
[data-ox-bg-color="ant-red-7"]  { background-color: var(--ox-color-ant-red-7);  }
[data-ox-bg-color="ant-red-8"]  { background-color: var(--ox-color-ant-red-8);  }
[data-ox-bg-color="ant-red-9"]  { background-color: var(--ox-color-ant-red-9);  }
[data-ox-bg-color="ant-red-10"] { background-color: var(--ox-color-ant-red-10); }




/* Ant volcano */
[data-ox-bg-color="ant-volcano-1"]  { background-color: var(--ox-color-ant-volcano-1);  }
[data-ox-bg-color="ant-volcano-2"]  { background-color: var(--ox-color-ant-volcano-2);  }
[data-ox-bg-color="ant-volcano-3"]  { background-color: var(--ox-color-ant-volcano-3);  }
[data-ox-bg-color="ant-volcano-4"]  { background-color: var(--ox-color-ant-volcano-4);  }
[data-ox-bg-color="ant-volcano-5"]  { background-color: var(--ox-color-ant-volcano-5);  }
[data-ox-bg-color="ant-volcano-6"]  { background-color: var(--ox-color-ant-volcano-6);  }
[data-ox-bg-color="ant-volcano-7"]  { background-color: var(--ox-color-ant-volcano-7);  }
[data-ox-bg-color="ant-volcano-8"]  { background-color: var(--ox-color-ant-volcano-8);  }
[data-ox-bg-color="ant-volcano-9"]  { background-color: var(--ox-color-ant-volcano-9);  }
[data-ox-bg-color="ant-volcano-10"] { background-color: var(--ox-color-ant-volcano-10); }




/* Ant orange */
[data-ox-bg-color="ant-orange-1"]  { background-color: var(--ox-color-ant-orange-1);  }
[data-ox-bg-color="ant-orange-2"]  { background-color: var(--ox-color-ant-orange-2);  }
[data-ox-bg-color="ant-orange-3"]  { background-color: var(--ox-color-ant-orange-3);  }
[data-ox-bg-color="ant-orange-4"]  { background-color: var(--ox-color-ant-orange-4);  }
[data-ox-bg-color="ant-orange-5"]  { background-color: var(--ox-color-ant-orange-5);  }
[data-ox-bg-color="ant-orange-6"]  { background-color: var(--ox-color-ant-orange-6);  }
[data-ox-bg-color="ant-orange-7"]  { background-color: var(--ox-color-ant-orange-7);  }
[data-ox-bg-color="ant-orange-8"]  { background-color: var(--ox-color-ant-orange-8);  }
[data-ox-bg-color="ant-orange-9"]  { background-color: var(--ox-color-ant-orange-9);  }
[data-ox-bg-color="ant-orange-10"] { background-color: var(--ox-color-ant-orange-10); }


/* Ant gold */
[data-ox-bg-color="ant-gold-1"]  { background-color: var(--ox-color-ant-gold-1);  }
[data-ox-bg-color="ant-gold-2"]  { background-color: var(--ox-color-ant-gold-2);  }
[data-ox-bg-color="ant-gold-3"]  { background-color: var(--ox-color-ant-gold-3);  }
[data-ox-bg-color="ant-gold-4"]  { background-color: var(--ox-color-ant-gold-4);  }
[data-ox-bg-color="ant-gold-5"]  { background-color: var(--ox-color-ant-gold-5);  }
[data-ox-bg-color="ant-gold-6"]  { background-color: var(--ox-color-ant-gold-6);  }
[data-ox-bg-color="ant-gold-7"]  { background-color: var(--ox-color-ant-gold-7);  }
[data-ox-bg-color="ant-gold-8"]  { background-color: var(--ox-color-ant-gold-8);  }
[data-ox-bg-color="ant-gold-9"]  { background-color: var(--ox-color-ant-gold-9);  }
[data-ox-bg-color="ant-gold-10"] { background-color: var(--ox-color-ant-gold-10); }


/* Ant yellow */
[data-ox-bg-color="ant-yellow-1"]  { background-color: var(--ox-color-ant-yellow-1);  }
[data-ox-bg-color="ant-yellow-2"]  { background-color: var(--ox-color-ant-yellow-2);  }
[data-ox-bg-color="ant-yellow-3"]  { background-color: var(--ox-color-ant-yellow-3);  }
[data-ox-bg-color="ant-yellow-4"]  { background-color: var(--ox-color-ant-yellow-4);  }
[data-ox-bg-color="ant-yellow-5"]  { background-color: var(--ox-color-ant-yellow-5);  }
[data-ox-bg-color="ant-yellow-6"]  { background-color: var(--ox-color-ant-yellow-6);  }
[data-ox-bg-color="ant-yellow-7"]  { background-color: var(--ox-color-ant-yellow-7);  }
[data-ox-bg-color="ant-yellow-8"]  { background-color: var(--ox-color-ant-yellow-8);  }
[data-ox-bg-color="ant-yellow-9"]  { background-color: var(--ox-color-ant-yellow-9);  }
[data-ox-bg-color="ant-yellow-10"] { background-color: var(--ox-color-ant-yellow-10); }

/* Ant lime */
[data-ox-bg-color="ant-lime-1"]  { background-color: var(--ox-color-ant-lime-1);  }
[data-ox-bg-color="ant-lime-2"]  { background-color: var(--ox-color-ant-lime-2);  }
[data-ox-bg-color="ant-lime-3"]  { background-color: var(--ox-color-ant-lime-3);  }
[data-ox-bg-color="ant-lime-4"]  { background-color: var(--ox-color-ant-lime-4);  }
[data-ox-bg-color="ant-lime-5"]  { background-color: var(--ox-color-ant-lime-5);  }
[data-ox-bg-color="ant-lime-6"]  { background-color: var(--ox-color-ant-lime-6);  }
[data-ox-bg-color="ant-lime-7"]  { background-color: var(--ox-color-ant-lime-7);  }
[data-ox-bg-color="ant-lime-8"]  { background-color: var(--ox-color-ant-lime-8);  }
[data-ox-bg-color="ant-lime-9"]  { background-color: var(--ox-color-ant-lime-9);  }
[data-ox-bg-color="ant-lime-10"] { background-color: var(--ox-color-ant-lime-10); }


/* Ant green */
[data-ox-bg-color="ant-green-1"]  { background-color: var(--ox-color-ant-green-1);  }
[data-ox-bg-color="ant-green-2"]  { background-color: var(--ox-color-ant-green-2);  }
[data-ox-bg-color="ant-green-3"]  { background-color: var(--ox-color-ant-green-3);  }
[data-ox-bg-color="ant-green-4"]  { background-color: var(--ox-color-ant-green-4);  }
[data-ox-bg-color="ant-green-5"]  { background-color: var(--ox-color-ant-green-5);  }
[data-ox-bg-color="ant-green-6"]  { background-color: var(--ox-color-ant-green-6);  }
[data-ox-bg-color="ant-green-7"]  { background-color: var(--ox-color-ant-green-7);  }
[data-ox-bg-color="ant-green-8"]  { background-color: var(--ox-color-ant-green-8);  }
[data-ox-bg-color="ant-green-9"]  { background-color: var(--ox-color-ant-green-9);  }
[data-ox-bg-color="ant-green-10"] { background-color: var(--ox-color-ant-green-10); }


/* Ant cyan */
[data-ox-bg-color="ant-cyan-1"]  { background-color: var(--ox-color-ant-cyan-1);  }
[data-ox-bg-color="ant-cyan-2"]  { background-color: var(--ox-color-ant-cyan-2);  }
[data-ox-bg-color="ant-cyan-3"]  { background-color: var(--ox-color-ant-cyan-3);  }
[data-ox-bg-color="ant-cyan-4"]  { background-color: var(--ox-color-ant-cyan-4);  }
[data-ox-bg-color="ant-cyan-5"]  { background-color: var(--ox-color-ant-cyan-5);  }
[data-ox-bg-color="ant-cyan-6"]  { background-color: var(--ox-color-ant-cyan-6);  }
[data-ox-bg-color="ant-cyan-7"]  { background-color: var(--ox-color-ant-cyan-7);  }
[data-ox-bg-color="ant-cyan-8"]  { background-color: var(--ox-color-ant-cyan-8);  }
[data-ox-bg-color="ant-cyan-9"]  { background-color: var(--ox-color-ant-cyan-9);  }
[data-ox-bg-color="ant-cyan-10"] { background-color: var(--ox-color-ant-cyan-10); }


/* Ant blue */
[data-ox-bg-color="ant-blue-1"]  { background-color: var(--ox-color-ant-blue-1);  }
[data-ox-bg-color="ant-blue-2"]  { background-color: var(--ox-color-ant-blue-2);  }
[data-ox-bg-color="ant-blue-3"]  { background-color: var(--ox-color-ant-blue-3);  }
[data-ox-bg-color="ant-blue-4"]  { background-color: var(--ox-color-ant-blue-4);  }
[data-ox-bg-color="ant-blue-5"]  { background-color: var(--ox-color-ant-blue-5);  }
[data-ox-bg-color="ant-blue-6"]  { background-color: var(--ox-color-ant-blue-6);  }
[data-ox-bg-color="ant-blue-7"]  { background-color: var(--ox-color-ant-blue-7);  }
[data-ox-bg-color="ant-blue-8"]  { background-color: var(--ox-color-ant-blue-8);  }
[data-ox-bg-color="ant-blue-9"]  { background-color: var(--ox-color-ant-blue-9);  }
[data-ox-bg-color="ant-blue-10"] { background-color: var(--ox-color-ant-blue-10); }


/* Ant geekblue */
[data-ox-bg-color="ant-geekblue-1"]  { background-color: var(--ox-color-ant-geekblue-1);  }
[data-ox-bg-color="ant-geekblue-2"]  { background-color: var(--ox-color-ant-geekblue-2);  }
[data-ox-bg-color="ant-geekblue-3"]  { background-color: var(--ox-color-ant-geekblue-3);  }
[data-ox-bg-color="ant-geekblue-4"]  { background-color: var(--ox-color-ant-geekblue-4);  }
[data-ox-bg-color="ant-geekblue-5"]  { background-color: var(--ox-color-ant-geekblue-5);  }
[data-ox-bg-color="ant-geekblue-6"]  { background-color: var(--ox-color-ant-geekblue-6);  }
[data-ox-bg-color="ant-geekblue-7"]  { background-color: var(--ox-color-ant-geekblue-7);  }
[data-ox-bg-color="ant-geekblue-8"]  { background-color: var(--ox-color-ant-geekblue-8);  }
[data-ox-bg-color="ant-geekblue-9"]  { background-color: var(--ox-color-ant-geekblue-9);  }
[data-ox-bg-color="ant-geekblue-10"] { background-color: var(--ox-color-ant-geekblue-10); }


/* Ant purple */
[data-ox-bg-color="ant-purple-1"]  { background-color: var(--ox-color-ant-purple-1);  }
[data-ox-bg-color="ant-purple-2"]  { background-color: var(--ox-color-ant-purple-2);  }
[data-ox-bg-color="ant-purple-3"]  { background-color: var(--ox-color-ant-purple-3);  }
[data-ox-bg-color="ant-purple-4"]  { background-color: var(--ox-color-ant-purple-4);  }
[data-ox-bg-color="ant-purple-5"]  { background-color: var(--ox-color-ant-purple-5);  }
[data-ox-bg-color="ant-purple-6"]  { background-color: var(--ox-color-ant-purple-6);  }
[data-ox-bg-color="ant-purple-7"]  { background-color: var(--ox-color-ant-purple-7);  }
[data-ox-bg-color="ant-purple-8"]  { background-color: var(--ox-color-ant-purple-8);  }
[data-ox-bg-color="ant-purple-9"]  { background-color: var(--ox-color-ant-purple-9);  }
[data-ox-bg-color="ant-purple-10"] { background-color: var(--ox-color-ant-purple-10); }


/* Ant magenta */
[data-ox-bg-color="ant-magenta-1"]  { background-color: var(--ox-color-ant-magenta-1);  }
[data-ox-bg-color="ant-magenta-2"]  { background-color: var(--ox-color-ant-magenta-2);  }
[data-ox-bg-color="ant-magenta-3"]  { background-color: var(--ox-color-ant-magenta-3);  }
[data-ox-bg-color="ant-magenta-4"]  { background-color: var(--ox-color-ant-magenta-4);  }
[data-ox-bg-color="ant-magenta-5"]  { background-color: var(--ox-color-ant-magenta-5);  }
[data-ox-bg-color="ant-magenta-6"]  { background-color: var(--ox-color-ant-magenta-6);  }
[data-ox-bg-color="ant-magenta-7"]  { background-color: var(--ox-color-ant-magenta-7);  }
[data-ox-bg-color="ant-magenta-8"]  { background-color: var(--ox-color-ant-magenta-8);  }
[data-ox-bg-color="ant-magenta-9"]  { background-color: var(--ox-color-ant-magenta-9);  }
[data-ox-bg-color="ant-magenta-10"] { background-color: var(--ox-color-ant-magenta-10); }



/* Ant gray */
[data-ox-bg-color="ant-gray-1"]  { background-color: var(--ox-color-ant-gray-1);  }
[data-ox-bg-color="ant-gray-2"]  { background-color: var(--ox-color-ant-gray-2);  }
[data-ox-bg-color="ant-gray-3"]  { background-color: var(--ox-color-ant-gray-3);  }
[data-ox-bg-color="ant-gray-4"]  { background-color: var(--ox-color-ant-gray-4);  }
[data-ox-bg-color="ant-gray-5"]  { background-color: var(--ox-color-ant-gray-5);  }
[data-ox-bg-color="ant-gray-6"]  { background-color: var(--ox-color-ant-gray-6);  }
[data-ox-bg-color="ant-gray-7"]  { background-color: var(--ox-color-ant-gray-7);  }
[data-ox-bg-color="ant-gray-8"]  { background-color: var(--ox-color-ant-gray-8);  }
[data-ox-bg-color="ant-gray-9"]  { background-color: var(--ox-color-ant-gray-9);  }
[data-ox-bg-color="ant-gray-10"] { background-color: var(--ox-color-ant-gray-10); }
[data-ox-bg-color="ant-gray-11"] { background-color: var(--ox-color-ant-gray-11); }
[data-ox-bg-color="ant-gray-12"] { background-color: var(--ox-color-ant-gray-12); }
[data-ox-bg-color="ant-gray-13"] { background-color: var(--ox-color-ant-gray-13); }



/* ============================================================================ */

/*
    OXCSS Color
    Define colors for OXCSS.

    @version 0.0
    @author Ian Maurmann
    @license https://opensource.org/licenses/MIT MIT License
    @copyright Copyright (c) 2016-2023 - Ian Maurmann
*/


/* Color Variables */
:root {
    /* Pure */
    --ox-color-pure-white: #FFFFFF;
    --ox-color-pure-black: #000000;

    /* sRGB */
    --ox-color-srbg-red:     #FF0000;
    --ox-color-srbg-green:   #00FF00;
    --ox-color-srbg-blue:    #0000FF;
    --ox-color-srbg-yellow:  #FFFF00;
    --ox-color-srbg-cyan:    #00FFFF;
    --ox-color-srbg-magenta: #FF00FF;

    /* Common */
    --ox-color-common-aquamarine: #7FFFD4;
    --ox-color-common-blue:       #0000FF;
    --ox-color-common-cyan:       #00FFFF;
    --ox-color-common-dark-blue:  #00008B;
    --ox-color-common-fuchsia:    #FF00FF;
    --ox-color-common-gray:       #808080;
    --ox-color-common-green:      #008000;
    --ox-color-common-light-blue: #ADD8E6;
    --ox-color-common-lime:       #00FF00;
    --ox-color-common-maroon:     #800000;
    --ox-color-common-navy:       #000080;
    --ox-color-common-olive:      #808000;
    --ox-color-common-orange:     #FFA500;
    --ox-color-common-pink:       #FFC0CB;
    --ox-color-common-purple:     #800080;
    --ox-color-common-red:        #FF0000;
    --ox-color-common-silver:     #C0C0C0;
    --ox-color-common-teal:       #008080;
    --ox-color-common-yellow:     #FFFF00;
}
/* ============================================================================ */

/* FG */
[data-ox-text-color="transparent"] { color: transparent }

[data-ox-text-color="pure-white"] { color: var(--ox-color-pure-white); }
[data-ox-text-color="pure-black"] { color: var(--ox-color-pure-black); }

[data-ox-text-color="srgb-red"]     { color: var(--ox-color-srbg-red); }
[data-ox-text-color="srgb-green"]   { color: var(--ox-color-srbg-green); }
[data-ox-text-color="srgb-blue"]    { color: var(--ox-color-srbg-blue); }
[data-ox-text-color="srgb-yellow"]  { color: var(--ox-color-srbg-yellow); }
[data-ox-text-color="srgb-cyan"]    { color: var(--ox-color-srbg-cyan); }
[data-ox-text-color="srgb-magenta"] { color: var(--ox-color-srbg-magenta); }

[data-ox-text-color="common-aquamarine"] { color: var(--ox-color-common-aquamarine); }
[data-ox-text-color="common-blue"]       { color: var(--ox-color-common-blue); }
[data-ox-text-color="common-cyan"]       { color: var(--ox-color-common-cyan); }
[data-ox-text-color="common-dark-blue"]  { color: var(--ox-color-common-dark-blue); }
[data-ox-text-color="common-fuchsia"]    { color: var(--ox-color-common-fuchsia); }
[data-ox-text-color="common-gray"]       { color: var(--ox-color-common-gray); }
[data-ox-text-color="common-green"]      { color: var(--ox-color-common-green); }
[data-ox-text-color="common-light-blue"] { color: var(--ox-color-common-light-blue); }
[data-ox-text-color="common-lime"]       { color: var(--ox-color-common-lime); }
[data-ox-text-color="common-maroon"]     { color: var(--ox-color-common-maroon); }
[data-ox-text-color="common-navy"]       { color: var(--ox-color-common-navy); }
[data-ox-text-color="common-olive"]      { color: var(--ox-color-common-olive); }
[data-ox-text-color="common-orange"]     { color: var(--ox-color-common-orange); }
[data-ox-text-color="common-pink"]       { color: var(--ox-color-common-pink); }
[data-ox-text-color="common-purple"]     { color: var(--ox-color-common-purple); }
[data-ox-text-color="common-red"]        { color: var(--ox-color-common-red); }
[data-ox-text-color="common-silver"]     { color: var(--ox-color-common-silver); }
[data-ox-text-color="common-teal"]       { color: var(--ox-color-common-teal); }
[data-ox-text-color="common-yellow"]     { color: var(--ox-color-common-yellow); }


/* ============================================================================ */

/* BG */
[data-ox-bg-color="transparent"] { background-color: transparent; }

[data-ox-bg-color="pure-white"] { background-color: var(--ox-color-pure-white); }
[data-ox-bg-color="pure-black"] { background-color: var(--ox-color-pure-black); }

[data-ox-bg-color="srgb-red"]     { background-color: var(--ox-color-srbg-red); }
[data-ox-bg-color="srgb-green"]   { background-color: var(--ox-color-srbg-green); }
[data-ox-bg-color="srgb-blue"]    { background-color: var(--ox-color-srbg-blue); }
[data-ox-bg-color="srgb-yellow"]  { background-color: var(--ox-color-srbg-yellow); }
[data-ox-bg-color="srgb-cyan"]    { background-color: var(--ox-color-srbg-cyan); }
[data-ox-bg-color="srgb-magenta"] { background-color: var(--ox-color-srbg-magenta); }

[data-ox-bg-color="common-aquamarine"] { background-color: var(--ox-color-common-aquamarine); }
[data-ox-bg-color="common-blue"]       { background-color: var(--ox-color-common-blue); }
[data-ox-bg-color="common-cyan"]       { background-color: var(--ox-color-common-cyan); }
[data-ox-bg-color="common-dark-blue"]  { background-color: var(--ox-color-common-dark-blue); }
[data-ox-bg-color="common-fuchsia"]    { background-color: var(--ox-color-common-fuchsia); }
[data-ox-bg-color="common-gray"]       { background-color: var(--ox-color-common-gray); }
[data-ox-bg-color="common-green"]      { background-color: var(--ox-color-common-green); }
[data-ox-bg-color="common-light-blue"] { background-color: var(--ox-color-common-light-blue); }
[data-ox-bg-color="common-lime"]       { background-color: var(--ox-color-common-lime); }
[data-ox-bg-color="common-maroon"]     { background-color: var(--ox-color-common-maroon); }
[data-ox-bg-color="common-navy"]       { background-color: var(--ox-color-common-navy); }
[data-ox-bg-color="common-olive"]      { background-color: var(--ox-color-common-olive); }
[data-ox-bg-color="common-orange"]     { background-color: var(--ox-color-common-orange); }
[data-ox-bg-color="common-pink"]       { background-color: var(--ox-color-common-pink); }
[data-ox-bg-color="common-purple"]     { background-color: var(--ox-color-common-purple); }
[data-ox-bg-color="common-red"]        { background-color: var(--ox-color-common-red); }
[data-ox-bg-color="common-silver"]     { background-color: var(--ox-color-common-silver); }
[data-ox-bg-color="common-teal"]       { background-color: var(--ox-color-common-teal); }
[data-ox-bg-color="common-yellow"]     { background-color: var(--ox-color-common-yellow); }





/*
    OXCSS Color IBM2
    Define colors for OXCSS from the IBM Design Language v2 color set.

    Colors from IBM v2
    https://www.ibm.com/design/language/color

    ( v1 is at https://www.ibm.com/design/v1/language/resources/color-library/ )

    OXCSS
    @version 0.0
    @author Ian Maurmann
    @license https://opensource.org/licenses/MIT MIT License
    @copyright Copyright (c) 2016-2023 - Ian Maurmann
*/


/* Color Variables */
:root {

    /* IBM v2 - Red */
    --ox-color-ibm2-red-100: #2d0709;
    --ox-color-ibm2-red-90:  #520408;
    --ox-color-ibm2-red-80:  #750e13;
    --ox-color-ibm2-red-70:  #a2191f;
    --ox-color-ibm2-red-60:  #da1e28;
    --ox-color-ibm2-red-50:  #fa4d56;
    --ox-color-ibm2-red-40:  #ff8389;
    --ox-color-ibm2-red-30:  #ffb3b8;
    --ox-color-ibm2-red-20:  #ffd7d9;
    --ox-color-ibm2-red-10:  #fff1f1;


    /* IBM v2 - Magenta */
    --ox-color-ibm2-magenta-100: #2a0a18;
    --ox-color-ibm2-magenta-90:  #510224;
    --ox-color-ibm2-magenta-80:  #740937;
    --ox-color-ibm2-magenta-70:  #9f1853;
    --ox-color-ibm2-magenta-60:  #d02670;
    --ox-color-ibm2-magenta-50:  #ee5396;
    --ox-color-ibm2-magenta-40:  #ff7eb6;
    --ox-color-ibm2-magenta-30:  #ffafd2;
    --ox-color-ibm2-magenta-20:  #ffd6e8;
    --ox-color-ibm2-magenta-10:  #fff0f7;

    /* IBM v2 - Purple */
    --ox-color-ibm2-purple-100: #1c0f30;
    --ox-color-ibm2-purple-90:  #31135e;
    --ox-color-ibm2-purple-80:  #491d8b;
    --ox-color-ibm2-purple-70:  #6929c4;
    --ox-color-ibm2-purple-60:  #8a3ffc;
    --ox-color-ibm2-purple-50:  #a56eff;
    --ox-color-ibm2-purple-40:  #be95ff;
    --ox-color-ibm2-purple-30:  #d4bbff;
    --ox-color-ibm2-purple-20:  #e8daff;
    --ox-color-ibm2-purple-10:  #f6f2ff;

    /* IBM v2 - Blue */
    --ox-color-ibm2-blue-100: #001141;
    --ox-color-ibm2-blue-90:  #001d6c;
    --ox-color-ibm2-blue-80:  #002d9c;
    --ox-color-ibm2-blue-70:  #0043ce;
    --ox-color-ibm2-blue-60:  #0f62fe;
    --ox-color-ibm2-blue-50:  #4589ff;
    --ox-color-ibm2-blue-40:  #78a9ff;
    --ox-color-ibm2-blue-30:  #a6c8ff;
    --ox-color-ibm2-blue-20:  #d0e2ff;
    --ox-color-ibm2-blue-10:  #edf5ff;


    /* IBM v2 - Cyan */
    --ox-color-ibm2-cyan-100: #061727;
    --ox-color-ibm2-cyan-90:  #012749;
    --ox-color-ibm2-cyan-80:  #003a6d;
    --ox-color-ibm2-cyan-70:  #00539a;
    --ox-color-ibm2-cyan-60:  #0072c3;
    --ox-color-ibm2-cyan-50:  #1192e8;
    --ox-color-ibm2-cyan-40:  #33b1ff;
    --ox-color-ibm2-cyan-30:  #82cfff;
    --ox-color-ibm2-cyan-20:  #bae6ff;
    --ox-color-ibm2-cyan-10:  #e5f6ff;

    /* IBM v2 - Teal */
    --ox-color-ibm2-teal-100: #081a1c;
    --ox-color-ibm2-teal-90:  #022b30;
    --ox-color-ibm2-teal-80:  #004144;
    --ox-color-ibm2-teal-70:  #005d5d;
    --ox-color-ibm2-teal-60:  #007d79;
    --ox-color-ibm2-teal-50:  #009d9a;
    --ox-color-ibm2-teal-40:  #08bdba;
    --ox-color-ibm2-teal-30:  #3ddbd9;
    --ox-color-ibm2-teal-20:  #9ef0f0;
    --ox-color-ibm2-teal-10:  #d9fbfb;

    /* IBM v2 - Green */
    --ox-color-ibm2-green-100: #071908;
    --ox-color-ibm2-green-90:  #022d0d;
    --ox-color-ibm2-green-80:  #044317;
    --ox-color-ibm2-green-70:  #0e6027;
    --ox-color-ibm2-green-60:  #198038;
    --ox-color-ibm2-green-50:  #24a148;
    --ox-color-ibm2-green-40:  #42be65;
    --ox-color-ibm2-green-30:  #6fdc8c;
    --ox-color-ibm2-green-20:  #a7f0ba;
    --ox-color-ibm2-green-10:  #defbe6;

    /* IBM v2 - Cool Gray */
    --ox-color-ibm2-cool-gray-100: #121619;
    --ox-color-ibm2-cool-gray-90:  #21272a;
    --ox-color-ibm2-cool-gray-80:  #343a3f;
    --ox-color-ibm2-cool-gray-70:  #4d5358;
    --ox-color-ibm2-cool-gray-60:  #697077;
    --ox-color-ibm2-cool-gray-50:  #878d96;
    --ox-color-ibm2-cool-gray-40:  #a2a9b0;
    --ox-color-ibm2-cool-gray-30:  #c1c7cd;
    --ox-color-ibm2-cool-gray-20:  #dde1e6;
    --ox-color-ibm2-cool-gray-10:  #f2f4f8;

    /* IBM v2 - Gray */
    --ox-color-ibm2-gray-100: #161616;
    --ox-color-ibm2-gray-90:  #262626;
    --ox-color-ibm2-gray-80:  #393939;
    --ox-color-ibm2-gray-70:  #525252;
    --ox-color-ibm2-gray-60:  #6f6f6f;
    --ox-color-ibm2-gray-50:  #8d8d8d;
    --ox-color-ibm2-gray-40:  #a8a8a8;
    --ox-color-ibm2-gray-30:  #c6c6c6;
    --ox-color-ibm2-gray-20:  #e0e0e0;
    --ox-color-ibm2-gray-10:  #f4f4f4;


    /* IBM v2 - Warm Gray */
    --ox-color-ibm2-warm-gray-100: #171414;
    --ox-color-ibm2-warm-gray-90:  #272525;
    --ox-color-ibm2-warm-gray-80:  #3c3838;
    --ox-color-ibm2-warm-gray-70:  #565151;
    --ox-color-ibm2-warm-gray-60:  #726e6e;
    --ox-color-ibm2-warm-gray-50:  #8f8b8b;
    --ox-color-ibm2-warm-gray-40:  #ada8a8;
    --ox-color-ibm2-warm-gray-30:  #cac5c4;
    --ox-color-ibm2-warm-gray-20:  #e5e0df;
    --ox-color-ibm2-warm-gray-10:  #f7f3f2;

    /* IBM v2 - Alert Colors */
    --ox-color-ibm2-alert-60:  #da1e28;
    --ox-color-ibm2-alert-50:  #24a148;
    --ox-color-ibm2-alert-40:  #ff832b;
    --ox-color-ibm2-alert-30:  #f1c21b;



}
/* ============================================================================ */

/* FG */


/* ibm2 red */
[data-ox-text-color="ibm2-red-100"] { color: var(--ox-color-ibm2-red-100); }
[data-ox-text-color="ibm2-red-90"]  { color: var(--ox-color-ibm2-red-90); }
[data-ox-text-color="ibm2-red-80"]  { color: var(--ox-color-ibm2-red-80); }
[data-ox-text-color="ibm2-red-70"]  { color: var(--ox-color-ibm2-red-70); }
[data-ox-text-color="ibm2-red-60"]  { color: var(--ox-color-ibm2-red-60); }
[data-ox-text-color="ibm2-red-50"]  { color: var(--ox-color-ibm2-red-50); }
[data-ox-text-color="ibm2-red-40"]  { color: var(--ox-color-ibm2-red-40); }
[data-ox-text-color="ibm2-red-30"]  { color: var(--ox-color-ibm2-red-30); }
[data-ox-text-color="ibm2-red-20"]  { color: var(--ox-color-ibm2-red-20); }
[data-ox-text-color="ibm2-red-10"]  { color: var(--ox-color-ibm2-red-10); }

/* ibm2 magenta */
[data-ox-text-color="ibm2-magenta-100"] { color: var(--ox-color-ibm2-magenta-100); }
[data-ox-text-color="ibm2-magenta-90"]  { color: var(--ox-color-ibm2-magenta-90); }
[data-ox-text-color="ibm2-magenta-80"]  { color: var(--ox-color-ibm2-magenta-80); }
[data-ox-text-color="ibm2-magenta-70"]  { color: var(--ox-color-ibm2-magenta-70); }
[data-ox-text-color="ibm2-magenta-60"]  { color: var(--ox-color-ibm2-magenta-60); }
[data-ox-text-color="ibm2-magenta-50"]  { color: var(--ox-color-ibm2-magenta-50); }
[data-ox-text-color="ibm2-magenta-40"]  { color: var(--ox-color-ibm2-magenta-40); }
[data-ox-text-color="ibm2-magenta-30"]  { color: var(--ox-color-ibm2-magenta-30); }
[data-ox-text-color="ibm2-magenta-20"]  { color: var(--ox-color-ibm2-magenta-20); }
[data-ox-text-color="ibm2-magenta-10"]  { color: var(--ox-color-ibm2-magenta-10); }

/* ibm2 purple */
[data-ox-text-color="ibm2-purple-100"] { color: var(--ox-color-ibm2-purple-100); }
[data-ox-text-color="ibm2-purple-90"]  { color: var(--ox-color-ibm2-purple-90); }
[data-ox-text-color="ibm2-purple-80"]  { color: var(--ox-color-ibm2-purple-80); }
[data-ox-text-color="ibm2-purple-70"]  { color: var(--ox-color-ibm2-purple-70); }
[data-ox-text-color="ibm2-purple-60"]  { color: var(--ox-color-ibm2-purple-60); }
[data-ox-text-color="ibm2-purple-50"]  { color: var(--ox-color-ibm2-purple-50); }
[data-ox-text-color="ibm2-purple-40"]  { color: var(--ox-color-ibm2-purple-40); }
[data-ox-text-color="ibm2-purple-30"]  { color: var(--ox-color-ibm2-purple-30); }
[data-ox-text-color="ibm2-purple-20"]  { color: var(--ox-color-ibm2-purple-20); }
[data-ox-text-color="ibm2-purple-10"]  { color: var(--ox-color-ibm2-purple-10); }

/* ibm2 blue */
[data-ox-text-color="ibm2-blue-100"] { color: var(--ox-color-ibm2-blue-100); }
[data-ox-text-color="ibm2-blue-90"]  { color: var(--ox-color-ibm2-blue-90); }
[data-ox-text-color="ibm2-blue-80"]  { color: var(--ox-color-ibm2-blue-80); }
[data-ox-text-color="ibm2-blue-70"]  { color: var(--ox-color-ibm2-blue-70); }
[data-ox-text-color="ibm2-blue-60"]  { color: var(--ox-color-ibm2-blue-60); }
[data-ox-text-color="ibm2-blue-50"]  { color: var(--ox-color-ibm2-blue-50); }
[data-ox-text-color="ibm2-blue-40"]  { color: var(--ox-color-ibm2-blue-40); }
[data-ox-text-color="ibm2-blue-30"]  { color: var(--ox-color-ibm2-blue-30); }
[data-ox-text-color="ibm2-blue-20"]  { color: var(--ox-color-ibm2-blue-20); }
[data-ox-text-color="ibm2-blue-10"]  { color: var(--ox-color-ibm2-blue-10); }

/* ibm2 cyan */
[data-ox-text-color="ibm2-cyan-100"] { color: var(--ox-color-ibm2-cyan-100); }
[data-ox-text-color="ibm2-cyan-90"]  { color: var(--ox-color-ibm2-cyan-90); }
[data-ox-text-color="ibm2-cyan-80"]  { color: var(--ox-color-ibm2-cyan-80); }
[data-ox-text-color="ibm2-cyan-70"]  { color: var(--ox-color-ibm2-cyan-70); }
[data-ox-text-color="ibm2-cyan-60"]  { color: var(--ox-color-ibm2-cyan-60); }
[data-ox-text-color="ibm2-cyan-50"]  { color: var(--ox-color-ibm2-cyan-50); }
[data-ox-text-color="ibm2-cyan-40"]  { color: var(--ox-color-ibm2-cyan-40); }
[data-ox-text-color="ibm2-cyan-30"]  { color: var(--ox-color-ibm2-cyan-30); }
[data-ox-text-color="ibm2-cyan-20"]  { color: var(--ox-color-ibm2-cyan-20); }
[data-ox-text-color="ibm2-cyan-10"]  { color: var(--ox-color-ibm2-cyan-10); }

/* ibm2 teal */
[data-ox-text-color="ibm2-teal-100"] { color: var(--ox-color-ibm2-teal-100); }
[data-ox-text-color="ibm2-teal-90"]  { color: var(--ox-color-ibm2-teal-90); }
[data-ox-text-color="ibm2-teal-80"]  { color: var(--ox-color-ibm2-teal-80); }
[data-ox-text-color="ibm2-teal-70"]  { color: var(--ox-color-ibm2-teal-70); }
[data-ox-text-color="ibm2-teal-60"]  { color: var(--ox-color-ibm2-teal-60); }
[data-ox-text-color="ibm2-teal-50"]  { color: var(--ox-color-ibm2-teal-50); }
[data-ox-text-color="ibm2-teal-40"]  { color: var(--ox-color-ibm2-teal-40); }
[data-ox-text-color="ibm2-teal-30"]  { color: var(--ox-color-ibm2-teal-30); }
[data-ox-text-color="ibm2-teal-20"]  { color: var(--ox-color-ibm2-teal-20); }
[data-ox-text-color="ibm2-teal-10"]  { color: var(--ox-color-ibm2-teal-10); }

/* ibm2 green */
[data-ox-text-color="ibm2-green-100"] { color: var(--ox-color-ibm2-green-100); }
[data-ox-text-color="ibm2-green-90"]  { color: var(--ox-color-ibm2-green-90); }
[data-ox-text-color="ibm2-green-80"]  { color: var(--ox-color-ibm2-green-80); }
[data-ox-text-color="ibm2-green-70"]  { color: var(--ox-color-ibm2-green-70); }
[data-ox-text-color="ibm2-green-60"]  { color: var(--ox-color-ibm2-green-60); }
[data-ox-text-color="ibm2-green-50"]  { color: var(--ox-color-ibm2-green-50); }
[data-ox-text-color="ibm2-green-40"]  { color: var(--ox-color-ibm2-green-40); }
[data-ox-text-color="ibm2-green-30"]  { color: var(--ox-color-ibm2-green-30); }
[data-ox-text-color="ibm2-green-20"]  { color: var(--ox-color-ibm2-green-20); }
[data-ox-text-color="ibm2-green-10"]  { color: var(--ox-color-ibm2-green-10); }

/* ibm2 cool-gray */
[data-ox-text-color="ibm2-cool-gray-100"] { color: var(--ox-color-ibm2-cool-gray-100); }
[data-ox-text-color="ibm2-cool-gray-90"]  { color: var(--ox-color-ibm2-cool-gray-90); }
[data-ox-text-color="ibm2-cool-gray-80"]  { color: var(--ox-color-ibm2-cool-gray-80); }
[data-ox-text-color="ibm2-cool-gray-70"]  { color: var(--ox-color-ibm2-cool-gray-70); }
[data-ox-text-color="ibm2-cool-gray-60"]  { color: var(--ox-color-ibm2-cool-gray-60); }
[data-ox-text-color="ibm2-cool-gray-50"]  { color: var(--ox-color-ibm2-cool-gray-50); }
[data-ox-text-color="ibm2-cool-gray-40"]  { color: var(--ox-color-ibm2-cool-gray-40); }
[data-ox-text-color="ibm2-cool-gray-30"]  { color: var(--ox-color-ibm2-cool-gray-30); }
[data-ox-text-color="ibm2-cool-gray-20"]  { color: var(--ox-color-ibm2-cool-gray-20); }
[data-ox-text-color="ibm2-cool-gray-10"]  { color: var(--ox-color-ibm2-cool-gray-10); }

/* ibm2 gray */
[data-ox-text-color="ibm2-gray-100"] { color: var(--ox-color-ibm2-gray-100); }
[data-ox-text-color="ibm2-gray-90"]  { color: var(--ox-color-ibm2-gray-90); }
[data-ox-text-color="ibm2-gray-80"]  { color: var(--ox-color-ibm2-gray-80); }
[data-ox-text-color="ibm2-gray-70"]  { color: var(--ox-color-ibm2-gray-70); }
[data-ox-text-color="ibm2-gray-60"]  { color: var(--ox-color-ibm2-gray-60); }
[data-ox-text-color="ibm2-gray-50"]  { color: var(--ox-color-ibm2-gray-50); }
[data-ox-text-color="ibm2-gray-40"]  { color: var(--ox-color-ibm2-gray-40); }
[data-ox-text-color="ibm2-gray-30"]  { color: var(--ox-color-ibm2-gray-30); }
[data-ox-text-color="ibm2-gray-20"]  { color: var(--ox-color-ibm2-gray-20); }
[data-ox-text-color="ibm2-gray-10"]  { color: var(--ox-color-ibm2-gray-10); }


/* ibm2 warm-gray */
[data-ox-text-color="ibm2-warm-gray-100"] { color: var(--ox-color-ibm2-warm-gray-100); }
[data-ox-text-color="ibm2-warm-gray-90"]  { color: var(--ox-color-ibm2-warm-gray-90); }
[data-ox-text-color="ibm2-warm-gray-80"]  { color: var(--ox-color-ibm2-warm-gray-80); }
[data-ox-text-color="ibm2-warm-gray-70"]  { color: var(--ox-color-ibm2-warm-gray-70); }
[data-ox-text-color="ibm2-warm-gray-60"]  { color: var(--ox-color-ibm2-warm-gray-60); }
[data-ox-text-color="ibm2-warm-gray-50"]  { color: var(--ox-color-ibm2-warm-gray-50); }
[data-ox-text-color="ibm2-warm-gray-40"]  { color: var(--ox-color-ibm2-warm-gray-40); }
[data-ox-text-color="ibm2-warm-gray-30"]  { color: var(--ox-color-ibm2-warm-gray-30); }
[data-ox-text-color="ibm2-warm-gray-20"]  { color: var(--ox-color-ibm2-warm-gray-20); }
[data-ox-text-color="ibm2-warm-gray-10"]  { color: var(--ox-color-ibm2-warm-gray-10); }


/* ibm2 alert */
[data-ox-text-color="ibm2-alert-60"]  { color: var(--ox-color-ibm2-alert-60); }
[data-ox-text-color="ibm2-alert-50"]  { color: var(--ox-color-ibm2-alert-50); }
[data-ox-text-color="ibm2-alert-40"]  { color: var(--ox-color-ibm2-alert-40); }
[data-ox-text-color="ibm2-alert-30"]  { color: var(--ox-color-ibm2-alert-30); }



/* ============================================================================ */

/* BG */

/* ibm2 red */
[data-ox-bg-color="ibm2-red-100"] { background-color: var(--ox-color-ibm2-red-100); }
[data-ox-bg-color="ibm2-red-90"]  { background-color: var(--ox-color-ibm2-red-90); }
[data-ox-bg-color="ibm2-red-80"]  { background-color: var(--ox-color-ibm2-red-80); }
[data-ox-bg-color="ibm2-red-70"]  { background-color: var(--ox-color-ibm2-red-70); }
[data-ox-bg-color="ibm2-red-60"]  { background-color: var(--ox-color-ibm2-red-60); }
[data-ox-bg-color="ibm2-red-50"]  { background-color: var(--ox-color-ibm2-red-50); }
[data-ox-bg-color="ibm2-red-40"]  { background-color: var(--ox-color-ibm2-red-40); }
[data-ox-bg-color="ibm2-red-30"]  { background-color: var(--ox-color-ibm2-red-30); }
[data-ox-bg-color="ibm2-red-20"]  { background-color: var(--ox-color-ibm2-red-20); }
[data-ox-bg-color="ibm2-red-10"]  { background-color: var(--ox-color-ibm2-red-10); }

/* ibm2 magenta */
[data-ox-bg-color="ibm2-magenta-100"] { background-color: var(--ox-color-ibm2-magenta-100); }
[data-ox-bg-color="ibm2-magenta-90"]  { background-color: var(--ox-color-ibm2-magenta-90); }
[data-ox-bg-color="ibm2-magenta-80"]  { background-color: var(--ox-color-ibm2-magenta-80); }
[data-ox-bg-color="ibm2-magenta-70"]  { background-color: var(--ox-color-ibm2-magenta-70); }
[data-ox-bg-color="ibm2-magenta-60"]  { background-color: var(--ox-color-ibm2-magenta-60); }
[data-ox-bg-color="ibm2-magenta-50"]  { background-color: var(--ox-color-ibm2-magenta-50); }
[data-ox-bg-color="ibm2-magenta-40"]  { background-color: var(--ox-color-ibm2-magenta-40); }
[data-ox-bg-color="ibm2-magenta-30"]  { background-color: var(--ox-color-ibm2-magenta-30); }
[data-ox-bg-color="ibm2-magenta-20"]  { background-color: var(--ox-color-ibm2-magenta-20); }
[data-ox-bg-color="ibm2-magenta-10"]  { background-color: var(--ox-color-ibm2-magenta-10); }

/* ibm2 purple */
[data-ox-bg-color="ibm2-purple-100"] { background-color: var(--ox-color-ibm2-purple-100); }
[data-ox-bg-color="ibm2-purple-90"]  { background-color: var(--ox-color-ibm2-purple-90); }
[data-ox-bg-color="ibm2-purple-80"]  { background-color: var(--ox-color-ibm2-purple-80); }
[data-ox-bg-color="ibm2-purple-70"]  { background-color: var(--ox-color-ibm2-purple-70); }
[data-ox-bg-color="ibm2-purple-60"]  { background-color: var(--ox-color-ibm2-purple-60); }
[data-ox-bg-color="ibm2-purple-50"]  { background-color: var(--ox-color-ibm2-purple-50); }
[data-ox-bg-color="ibm2-purple-40"]  { background-color: var(--ox-color-ibm2-purple-40); }
[data-ox-bg-color="ibm2-purple-30"]  { background-color: var(--ox-color-ibm2-purple-30); }
[data-ox-bg-color="ibm2-purple-20"]  { background-color: var(--ox-color-ibm2-purple-20); }
[data-ox-bg-color="ibm2-purple-10"]  { background-color: var(--ox-color-ibm2-purple-10); }

/* ibm2 blue */
[data-ox-bg-color="ibm2-blue-100"] { background-color: var(--ox-color-ibm2-blue-100); }
[data-ox-bg-color="ibm2-blue-90"]  { background-color: var(--ox-color-ibm2-blue-90); }
[data-ox-bg-color="ibm2-blue-80"]  { background-color: var(--ox-color-ibm2-blue-80); }
[data-ox-bg-color="ibm2-blue-70"]  { background-color: var(--ox-color-ibm2-blue-70); }
[data-ox-bg-color="ibm2-blue-60"]  { background-color: var(--ox-color-ibm2-blue-60); }
[data-ox-bg-color="ibm2-blue-50"]  { background-color: var(--ox-color-ibm2-blue-50); }
[data-ox-bg-color="ibm2-blue-40"]  { background-color: var(--ox-color-ibm2-blue-40); }
[data-ox-bg-color="ibm2-blue-30"]  { background-color: var(--ox-color-ibm2-blue-30); }
[data-ox-bg-color="ibm2-blue-20"]  { background-color: var(--ox-color-ibm2-blue-20); }
[data-ox-bg-color="ibm2-blue-10"]  { background-color: var(--ox-color-ibm2-blue-10); }

/* ibm2 cyan */
[data-ox-bg-color="ibm2-cyan-100"] { background-color: var(--ox-color-ibm2-cyan-100); }
[data-ox-bg-color="ibm2-cyan-90"]  { background-color: var(--ox-color-ibm2-cyan-90); }
[data-ox-bg-color="ibm2-cyan-80"]  { background-color: var(--ox-color-ibm2-cyan-80); }
[data-ox-bg-color="ibm2-cyan-70"]  { background-color: var(--ox-color-ibm2-cyan-70); }
[data-ox-bg-color="ibm2-cyan-60"]  { background-color: var(--ox-color-ibm2-cyan-60); }
[data-ox-bg-color="ibm2-cyan-50"]  { background-color: var(--ox-color-ibm2-cyan-50); }
[data-ox-bg-color="ibm2-cyan-40"]  { background-color: var(--ox-color-ibm2-cyan-40); }
[data-ox-bg-color="ibm2-cyan-30"]  { background-color: var(--ox-color-ibm2-cyan-30); }
[data-ox-bg-color="ibm2-cyan-20"]  { background-color: var(--ox-color-ibm2-cyan-20); }
[data-ox-bg-color="ibm2-cyan-10"]  { background-color: var(--ox-color-ibm2-cyan-10); }

/* ibm2 teal */
[data-ox-bg-color="ibm2-teal-100"] { background-color: var(--ox-color-ibm2-teal-100); }
[data-ox-bg-color="ibm2-teal-90"]  { background-color: var(--ox-color-ibm2-teal-90); }
[data-ox-bg-color="ibm2-teal-80"]  { background-color: var(--ox-color-ibm2-teal-80); }
[data-ox-bg-color="ibm2-teal-70"]  { background-color: var(--ox-color-ibm2-teal-70); }
[data-ox-bg-color="ibm2-teal-60"]  { background-color: var(--ox-color-ibm2-teal-60); }
[data-ox-bg-color="ibm2-teal-50"]  { background-color: var(--ox-color-ibm2-teal-50); }
[data-ox-bg-color="ibm2-teal-40"]  { background-color: var(--ox-color-ibm2-teal-40); }
[data-ox-bg-color="ibm2-teal-30"]  { background-color: var(--ox-color-ibm2-teal-30); }
[data-ox-bg-color="ibm2-teal-20"]  { background-color: var(--ox-color-ibm2-teal-20); }
[data-ox-bg-color="ibm2-teal-10"]  { background-color: var(--ox-color-ibm2-teal-10); }

/* ibm2 green */
[data-ox-bg-color="ibm2-green-100"] { background-color: var(--ox-color-ibm2-green-100); }
[data-ox-bg-color="ibm2-green-90"]  { background-color: var(--ox-color-ibm2-green-90); }
[data-ox-bg-color="ibm2-green-80"]  { background-color: var(--ox-color-ibm2-green-80); }
[data-ox-bg-color="ibm2-green-70"]  { background-color: var(--ox-color-ibm2-green-70); }
[data-ox-bg-color="ibm2-green-60"]  { background-color: var(--ox-color-ibm2-green-60); }
[data-ox-bg-color="ibm2-green-50"]  { background-color: var(--ox-color-ibm2-green-50); }
[data-ox-bg-color="ibm2-green-40"]  { background-color: var(--ox-color-ibm2-green-40); }
[data-ox-bg-color="ibm2-green-30"]  { background-color: var(--ox-color-ibm2-green-30); }
[data-ox-bg-color="ibm2-green-20"]  { background-color: var(--ox-color-ibm2-green-20); }
[data-ox-bg-color="ibm2-green-10"]  { background-color: var(--ox-color-ibm2-green-10); }



/* ibm2 cool-gray */
[data-ox-bg-color="ibm2-cool-gray-100"] { background-color: var(--ox-color-ibm2-cool-gray-100); }
[data-ox-bg-color="ibm2-cool-gray-90"]  { background-color: var(--ox-color-ibm2-cool-gray-90); }
[data-ox-bg-color="ibm2-cool-gray-80"]  { background-color: var(--ox-color-ibm2-cool-gray-80); }
[data-ox-bg-color="ibm2-cool-gray-70"]  { background-color: var(--ox-color-ibm2-cool-gray-70); }
[data-ox-bg-color="ibm2-cool-gray-60"]  { background-color: var(--ox-color-ibm2-cool-gray-60); }
[data-ox-bg-color="ibm2-cool-gray-50"]  { background-color: var(--ox-color-ibm2-cool-gray-50); }
[data-ox-bg-color="ibm2-cool-gray-40"]  { background-color: var(--ox-color-ibm2-cool-gray-40); }
[data-ox-bg-color="ibm2-cool-gray-30"]  { background-color: var(--ox-color-ibm2-cool-gray-30); }
[data-ox-bg-color="ibm2-cool-gray-20"]  { background-color: var(--ox-color-ibm2-cool-gray-20); }
[data-ox-bg-color="ibm2-cool-gray-10"]  { background-color: var(--ox-color-ibm2-cool-gray-10); }

/* ibm2 gray */
[data-ox-bg-color="ibm2-gray-100"] { background-color: var(--ox-color-ibm2-gray-100); }
[data-ox-bg-color="ibm2-gray-90"]  { background-color: var(--ox-color-ibm2-gray-90); }
[data-ox-bg-color="ibm2-gray-80"]  { background-color: var(--ox-color-ibm2-gray-80); }
[data-ox-bg-color="ibm2-gray-70"]  { background-color: var(--ox-color-ibm2-gray-70); }
[data-ox-bg-color="ibm2-gray-60"]  { background-color: var(--ox-color-ibm2-gray-60); }
[data-ox-bg-color="ibm2-gray-50"]  { background-color: var(--ox-color-ibm2-gray-50); }
[data-ox-bg-color="ibm2-gray-40"]  { background-color: var(--ox-color-ibm2-gray-40); }
[data-ox-bg-color="ibm2-gray-30"]  { background-color: var(--ox-color-ibm2-gray-30); }
[data-ox-bg-color="ibm2-gray-20"]  { background-color: var(--ox-color-ibm2-gray-20); }
[data-ox-bg-color="ibm2-gray-10"]  { background-color: var(--ox-color-ibm2-gray-10); }


/* ibm2 warm-gray */
[data-ox-bg-color="ibm2-warm-gray-100"] { background-color: var(--ox-color-ibm2-warm-gray-100); }
[data-ox-bg-color="ibm2-warm-gray-90"]  { background-color: var(--ox-color-ibm2-warm-gray-90); }
[data-ox-bg-color="ibm2-warm-gray-80"]  { background-color: var(--ox-color-ibm2-warm-gray-80); }
[data-ox-bg-color="ibm2-warm-gray-70"]  { background-color: var(--ox-color-ibm2-warm-gray-70); }
[data-ox-bg-color="ibm2-warm-gray-60"]  { background-color: var(--ox-color-ibm2-warm-gray-60); }
[data-ox-bg-color="ibm2-warm-gray-50"]  { background-color: var(--ox-color-ibm2-warm-gray-50); }
[data-ox-bg-color="ibm2-warm-gray-40"]  { background-color: var(--ox-color-ibm2-warm-gray-40); }
[data-ox-bg-color="ibm2-warm-gray-30"]  { background-color: var(--ox-color-ibm2-warm-gray-30); }
[data-ox-bg-color="ibm2-warm-gray-20"]  { background-color: var(--ox-color-ibm2-warm-gray-20); }
[data-ox-bg-color="ibm2-warm-gray-10"]  { background-color: var(--ox-color-ibm2-warm-gray-10); }


/* ibm2 alert */
[data-ox-bg-color="ibm2-alert-60"]  { background-color: var(--ox-color-ibm2-alert-60); }
[data-ox-bg-color="ibm2-alert-50"]  { background-color: var(--ox-color-ibm2-alert-50); }
[data-ox-bg-color="ibm2-alert-40"]  { background-color: var(--ox-color-ibm2-alert-40); }
[data-ox-bg-color="ibm2-alert-30"]  { background-color: var(--ox-color-ibm2-alert-30); }


/* ============================================================================ */


/*
    OXCSS Color MD
    Define colors for OXCSS from the Material Design color set.

    Colors from Material Design
    https://material.io/design

    OXCSS
    @version 0.0
    @author Ian Maurmann
    @license https://opensource.org/licenses/MIT MIT License
    @copyright Copyright (c) 2016-2023 - Ian Maurmann
*/


/* Color Variables */
:root {

    /* Material Design - Red */
    --ox-color-md-red:      #F44336;
    --ox-color-md-red-50:   #FFEBEE;
    --ox-color-md-red-100:  #FFCDD2;
    --ox-color-md-red-200:  #EF9A9A;
    --ox-color-md-red-300:  #E57373;
    --ox-color-md-red-400:  #EF5350;
    --ox-color-md-red-500:  #F44336;
    --ox-color-md-red-600:  #E53935;
    --ox-color-md-red-700:  #D32F2F;
    --ox-color-md-red-800:  #C62828;
    --ox-color-md-red-900:  #B71C1C;
    --ox-color-md-red-A100: #FF8A80;
    --ox-color-md-red-A200: #FF5252;
    --ox-color-md-red-A400: #FF1744;
    --ox-color-md-red-A700: #D50000;


    /* Material Design - Pink */
    --ox-color-md-pink:      #E91E63;
    --ox-color-md-pink-50:   #FCE4EC;
    --ox-color-md-pink-100:  #F8BBD0;
    --ox-color-md-pink-200:  #F48FB1;
    --ox-color-md-pink-300:  #F06292;
    --ox-color-md-pink-400:  #EC407A;
    --ox-color-md-pink-500:  #E91E63;
    --ox-color-md-pink-600:  #D81B60;
    --ox-color-md-pink-700:  #C2185B;
    --ox-color-md-pink-800:  #AD1457;
    --ox-color-md-pink-900:  #880E4F;
    --ox-color-md-pink-A100: #FF80AB;
    --ox-color-md-pink-A200: #FF4081;
    --ox-color-md-pink-A400: #F50057;
    --ox-color-md-pink-A700: #C51162;

    /* Material Design - Purple */
    --ox-color-md-purple:      #9C27B0;
    --ox-color-md-purple-50:   #F3E5F5;
    --ox-color-md-purple-100:  #E1BEE7;
    --ox-color-md-purple-200:  #CE93D8;
    --ox-color-md-purple-300:  #BA68C8;
    --ox-color-md-purple-400:  #AB47BC;
    --ox-color-md-purple-500:  #9C27B0;
    --ox-color-md-purple-600:  #8E24AA;
    --ox-color-md-purple-700:  #7B1FA2;
    --ox-color-md-purple-800:  #6A1B9A;
    --ox-color-md-purple-900:  #4A148C;
    --ox-color-md-purple-A100: #EA80FC;
    --ox-color-md-purple-A200: #E040FB;
    --ox-color-md-purple-A400: #D500F9;
    --ox-color-md-purple-A700: #AA00FF;

    /* Material Design - Deep Purple */
    --ox-color-md-deep-purple:      #673AB7;
    --ox-color-md-deep-purple-50:   #EDE7F6;
    --ox-color-md-deep-purple-100:  #D1C4E9;
    --ox-color-md-deep-purple-200:  #B39DDB;
    --ox-color-md-deep-purple-300:  #9575CD;
    --ox-color-md-deep-purple-400:  #7E57C2;
    --ox-color-md-deep-purple-500:  #673AB7;
    --ox-color-md-deep-purple-600:  #5E35B1;
    --ox-color-md-deep-purple-700:  #512DA8;
    --ox-color-md-deep-purple-800:  #4527A0;
    --ox-color-md-deep-purple-900:  #311B92;
    --ox-color-md-deep-purple-A100: #B388FF;
    --ox-color-md-deep-purple-A200: #7C4DFF;
    --ox-color-md-deep-purple-A400: #651FFF;
    --ox-color-md-deep-purple-A700: #6200EA;

    /* Material Design - Indigo */
    --ox-color-md-indigo:      #3F51B5;
    --ox-color-md-indigo-50:   #E8EAF6;
    --ox-color-md-indigo-100:  #C5CAE9;
    --ox-color-md-indigo-200:  #9FA8DA;
    --ox-color-md-indigo-300:  #7986CB;
    --ox-color-md-indigo-400:  #5C6BC0;
    --ox-color-md-indigo-500:  #3F51B5;
    --ox-color-md-indigo-600:  #3949AB;
    --ox-color-md-indigo-700:  #303F9F;
    --ox-color-md-indigo-800:  #283593;
    --ox-color-md-indigo-900:  #1A237E;
    --ox-color-md-indigo-A100: #8C9EFF;
    --ox-color-md-indigo-A200: #536DFE;
    --ox-color-md-indigo-A400: #3D5AFE;
    --ox-color-md-indigo-A700: #304FFE;

    /* Material Design - Blue */
    --ox-color-md-blue:      #2196F3;
    --ox-color-md-blue-50:   #E3F2FD;
    --ox-color-md-blue-100:  #BBDEFB;
    --ox-color-md-blue-200:  #90CAF9;
    --ox-color-md-blue-300:  #64B5F6;
    --ox-color-md-blue-400:  #42A5F5;
    --ox-color-md-blue-500:  #2196F3;
    --ox-color-md-blue-600:  #1E88E5;
    --ox-color-md-blue-700:  #1976D2;
    --ox-color-md-blue-800:  #1565C0;
    --ox-color-md-blue-900:  #0D47A1;
    --ox-color-md-blue-A100: #82B1FF;
    --ox-color-md-blue-A200: #448AFF;
    --ox-color-md-blue-A400: #2979FF;
    --ox-color-md-blue-A700: #2962FF;

    /* Material Design - Light Blue */
    --ox-color-md-light-blue:      #03A9F4;
    --ox-color-md-light-blue-50:   #E1F5FE;
    --ox-color-md-light-blue-100:  #B3E5FC;
    --ox-color-md-light-blue-200:  #81D4FA;
    --ox-color-md-light-blue-300:  #4FC3F7;
    --ox-color-md-light-blue-400:  #29B6F6;
    --ox-color-md-light-blue-500:  #03A9F4;
    --ox-color-md-light-blue-600:  #039BE5;
    --ox-color-md-light-blue-700:  #0288D1;
    --ox-color-md-light-blue-800:  #0277BD;
    --ox-color-md-light-blue-900:  #01579B;
    --ox-color-md-light-blue-A100: #80D8FF;
    --ox-color-md-light-blue-A200: #40C4FF;
    --ox-color-md-light-blue-A400: #00B0FF;
    --ox-color-md-light-blue-A700: #0091EA;

    /* Material Design - Cyan */
    --ox-color-md-cyan:      #00BCD4;
    --ox-color-md-cyan-50:   #E0F7FA;
    --ox-color-md-cyan-100:  #B2EBF2;
    --ox-color-md-cyan-200:  #80DEEA;
    --ox-color-md-cyan-300:  #4DD0E1;
    --ox-color-md-cyan-400:  #26C6DA;
    --ox-color-md-cyan-500:  #00BCD4;
    --ox-color-md-cyan-600:  #00ACC1;
    --ox-color-md-cyan-700:  #0097A7;
    --ox-color-md-cyan-800:  #00838F;
    --ox-color-md-cyan-900:  #006064;
    --ox-color-md-cyan-A100: #84FFFF;
    --ox-color-md-cyan-A200: #18FFFF;
    --ox-color-md-cyan-A400: #00E5FF;
    --ox-color-md-cyan-A700: #00B8D4;

    /* Material Design - Teal */
    --ox-color-md-teal:      #009688;
    --ox-color-md-teal-50:   #E0F2F1;
    --ox-color-md-teal-100:  #B2DFDB;
    --ox-color-md-teal-200:  #80CBC4;
    --ox-color-md-teal-300:  #4DB6AC;
    --ox-color-md-teal-400:  #26A69A;
    --ox-color-md-teal-500:  #009688;
    --ox-color-md-teal-600:  #00897B;
    --ox-color-md-teal-700:  #00796B;
    --ox-color-md-teal-800:  #00695C;
    --ox-color-md-teal-900:  #004D40;
    --ox-color-md-teal-A100: #A7FFEB;
    --ox-color-md-teal-A200: #64FFDA;
    --ox-color-md-teal-A400: #1DE9B6;
    --ox-color-md-teal-A700: #00BFA5;

    /* Material Design - Green */
    --ox-color-md-green:      #4CAF50;
    --ox-color-md-green-50:   #E8F5E9;
    --ox-color-md-green-100:  #C8E6C9;
    --ox-color-md-green-200:  #A5D6A7;
    --ox-color-md-green-300:  #81C784;
    --ox-color-md-green-400:  #66BB6A;
    --ox-color-md-green-500:  #4CAF50;
    --ox-color-md-green-600:  #43A047;
    --ox-color-md-green-700:  #388E3C;
    --ox-color-md-green-800:  #2E7D32;
    --ox-color-md-green-900:  #1B5E20;
    --ox-color-md-green-A100: #B9F6CA;
    --ox-color-md-green-A200: #69F0AE;
    --ox-color-md-green-A400: #00E676;
    --ox-color-md-green-A700: #00C853;

    /* Material Design - Light Green */
    --ox-color-md-light-green:      #8BC34A;
    --ox-color-md-light-green-50:   #F1F8E9;
    --ox-color-md-light-green-100:  #DCEDC8;
    --ox-color-md-light-green-200:  #C5E1A5;
    --ox-color-md-light-green-300:  #AED581;
    --ox-color-md-light-green-400:  #9CCC65;
    --ox-color-md-light-green-500:  #8BC34A;
    --ox-color-md-light-green-600:  #7CB342;
    --ox-color-md-light-green-700:  #689F38;
    --ox-color-md-light-green-800:  #558B2F;
    --ox-color-md-light-green-900:  #33691E;
    --ox-color-md-light-green-A100: #CCFF90;
    --ox-color-md-light-green-A200: #B2FF59;
    --ox-color-md-light-green-A400: #76FF03;
    --ox-color-md-light-green-A700: #64DD17;

    /* Material Design - Lime */
    --ox-color-md-lime:      #CDDC39;
    --ox-color-md-lime-50:   #F9FBE7;
    --ox-color-md-lime-100:  #F0F4C3;
    --ox-color-md-lime-200:  #E6EE9C;
    --ox-color-md-lime-300:  #DCE775;
    --ox-color-md-lime-400:  #D4E157;
    --ox-color-md-lime-500:  #CDDC39;
    --ox-color-md-lime-600:  #C0CA33;
    --ox-color-md-lime-700:  #AFB42B;
    --ox-color-md-lime-800:  #9E9D24;
    --ox-color-md-lime-900:  #827717;
    --ox-color-md-lime-A100: #F4FF81;
    --ox-color-md-lime-A200: #EEFF41;
    --ox-color-md-lime-A400: #C6FF00;
    --ox-color-md-lime-A700: #AEEA00;

    /* Material Design - Yellow */
    --ox-color-md-yellow:      #FFEB3B;
    --ox-color-md-yellow-50:   #FFFDE7;
    --ox-color-md-yellow-100:  #FFF9C4;
    --ox-color-md-yellow-200:  #FFF59D;
    --ox-color-md-yellow-300:  #FFF176;
    --ox-color-md-yellow-400:  #FFEE58;
    --ox-color-md-yellow-500:  #FFEB3B;
    --ox-color-md-yellow-600:  #FDD835;
    --ox-color-md-yellow-700:  #FBC02D;
    --ox-color-md-yellow-800:  #F9A825;
    --ox-color-md-yellow-900:  #F57F17;
    --ox-color-md-yellow-A100: #FFFF8D;
    --ox-color-md-yellow-A200: #FFFF00;
    --ox-color-md-yellow-A400: #FFEA00;
    --ox-color-md-yellow-A700: #FFD600;

    /* Material Design - Amber */
    --ox-color-md-amber:      #FFC107;
    --ox-color-md-amber-50:   #FFF8E1;
    --ox-color-md-amber-100:  #FFECB3;
    --ox-color-md-amber-200:  #FFE082;
    --ox-color-md-amber-300:  #FFD54F;
    --ox-color-md-amber-400:  #FFCA28;
    --ox-color-md-amber-500:  #FFC107;
    --ox-color-md-amber-600:  #FFB300;
    --ox-color-md-amber-700:  #FFA000;
    --ox-color-md-amber-800:  #FF8F00;
    --ox-color-md-amber-900:  #FF6F00;
    --ox-color-md-amber-A100: #FFE57F;
    --ox-color-md-amber-A200: #FFD740;
    --ox-color-md-amber-A400: #FFC400;
    --ox-color-md-amber-A700: #FFAB00;

    /* Material Design - Orange */
    --ox-color-md-orange:      #FF9800;
    --ox-color-md-orange-50:   #FFF3E0;
    --ox-color-md-orange-100:  #FFE0B2;
    --ox-color-md-orange-200:  #FFCC80;
    --ox-color-md-orange-300:  #FFB74D;
    --ox-color-md-orange-400:  #FFA726;
    --ox-color-md-orange-500:  #FF9800;
    --ox-color-md-orange-600:  #FB8C00;
    --ox-color-md-orange-700:  #F57C00;
    --ox-color-md-orange-800:  #EF6C00;
    --ox-color-md-orange-900:  #E65100;
    --ox-color-md-orange-A100: #FFD180;
    --ox-color-md-orange-A200: #FFAB40;
    --ox-color-md-orange-A400: #FF9100;
    --ox-color-md-orange-A700: #FF6D00;

    /* Material Design - Deep Orange */
    --ox-color-md-deep-orange:      #FF5722;
    --ox-color-md-deep-orange-50:   #FBE9E7;
    --ox-color-md-deep-orange-100:  #FFCCBC;
    --ox-color-md-deep-orange-200:  #FFAB91;
    --ox-color-md-deep-orange-300:  #FF8A65;
    --ox-color-md-deep-orange-400:  #FF7043;
    --ox-color-md-deep-orange-500:  #FF5722;
    --ox-color-md-deep-orange-600:  #F4511E;
    --ox-color-md-deep-orange-700:  #E64A19;
    --ox-color-md-deep-orange-800:  #D84315;
    --ox-color-md-deep-orange-900:  #BF360C;
    --ox-color-md-deep-orange-A100: #FF9E80;
    --ox-color-md-deep-orange-A200: #FF6E40;
    --ox-color-md-deep-orange-A400: #FF3D00;
    --ox-color-md-deep-orange-A700: #DD2C00;

    /* Material Design - Brown */
    --ox-color-md-brown:      #795548;
    --ox-color-md-brown-50:   #EFEBE9;
    --ox-color-md-brown-100:  #D7CCC8;
    --ox-color-md-brown-200:  #BCAAA4;
    --ox-color-md-brown-300:  #A1887F;
    --ox-color-md-brown-400:  #8D6E63;
    --ox-color-md-brown-500:  #795548;
    --ox-color-md-brown-600:  #6D4C41;
    --ox-color-md-brown-700:  #5D4037;
    --ox-color-md-brown-800:  #4E342E;
    --ox-color-md-brown-900:  #3E2723;

    /* Material Design - Gray */
    --ox-color-md-gray:      #9E9E9E;
    --ox-color-md-gray-50:   #FAFAFA;
    --ox-color-md-gray-100:  #F5F5F5;
    --ox-color-md-gray-200:  #EEEEEE;
    --ox-color-md-gray-300:  #E0E0E0;
    --ox-color-md-gray-400:  #BDBDBD;
    --ox-color-md-gray-500:  #9E9E9E;
    --ox-color-md-gray-600:  #757575;
    --ox-color-md-gray-700:  #616161;
    --ox-color-md-gray-800:  #424242;
    --ox-color-md-gray-900:  #212121;

    /* Material Design - Blue Gray */
    --ox-color-md-blue-gray:      #607D8B;
    --ox-color-md-blue-gray-50:   #ECEFF1;
    --ox-color-md-blue-gray-100:  #CFD8DC;
    --ox-color-md-blue-gray-200:  #B0BEC5;
    --ox-color-md-blue-gray-300:  #90A4AE;
    --ox-color-md-blue-gray-400:  #78909C;
    --ox-color-md-blue-gray-500:  #607D8B;
    --ox-color-md-blue-gray-600:  #546E7A;
    --ox-color-md-blue-gray-700:  #455A64;
    --ox-color-md-blue-gray-800:  #37474F;
    --ox-color-md-blue-gray-900:  #263238;

    /* Material Design - Black */
    --ox-color-md-black: #000000;

    /* Material Design - White */
    --ox-color-md-white: #FFFFFF;


}
/* ============================================================================ */

/* FG */


/* md red */
[data-ox-text-color="md-red"]      { color: var(--ox-color-md-red); }
[data-ox-text-color="md-red-50"]   { color: var(--ox-color-md-red-50); }
[data-ox-text-color="md-red-100"]  { color: var(--ox-color-md-red-100); }
[data-ox-text-color="md-red-200"]  { color: var(--ox-color-md-red-200); }
[data-ox-text-color="md-red-300"]  { color: var(--ox-color-md-red-300); }
[data-ox-text-color="md-red-400"]  { color: var(--ox-color-md-red-400); }
[data-ox-text-color="md-red-500"]  { color: var(--ox-color-md-red-500); }
[data-ox-text-color="md-red-600"]  { color: var(--ox-color-md-red-600); }
[data-ox-text-color="md-red-700"]  { color: var(--ox-color-md-red-700); }
[data-ox-text-color="md-red-800"]  { color: var(--ox-color-md-red-800); }
[data-ox-text-color="md-red-900"]  { color: var(--ox-color-md-red-900); }
[data-ox-text-color="md-red-A100"] { color: var(--ox-color-md-red-A100); }
[data-ox-text-color="md-red-A200"] { color: var(--ox-color-md-red-A200); }
[data-ox-text-color="md-red-A400"] { color: var(--ox-color-md-red-A400); }
[data-ox-text-color="md-red-A700"] { color: var(--ox-color-md-red-A700); }


/* md pink */
[data-ox-text-color="md-pink"]      { color: var(--ox-color-md-pink); }
[data-ox-text-color="md-pink-50"]   { color: var(--ox-color-md-pink-50); }
[data-ox-text-color="md-pink-100"]  { color: var(--ox-color-md-pink-100); }
[data-ox-text-color="md-pink-200"]  { color: var(--ox-color-md-pink-200); }
[data-ox-text-color="md-pink-300"]  { color: var(--ox-color-md-pink-300); }
[data-ox-text-color="md-pink-400"]  { color: var(--ox-color-md-pink-400); }
[data-ox-text-color="md-pink-500"]  { color: var(--ox-color-md-pink-500); }
[data-ox-text-color="md-pink-600"]  { color: var(--ox-color-md-pink-600); }
[data-ox-text-color="md-pink-700"]  { color: var(--ox-color-md-pink-700); }
[data-ox-text-color="md-pink-800"]  { color: var(--ox-color-md-pink-800); }
[data-ox-text-color="md-pink-900"]  { color: var(--ox-color-md-pink-900); }
[data-ox-text-color="md-pink-A100"] { color: var(--ox-color-md-pink-A100); }
[data-ox-text-color="md-pink-A200"] { color: var(--ox-color-md-pink-A200); }
[data-ox-text-color="md-pink-A400"] { color: var(--ox-color-md-pink-A400); }
[data-ox-text-color="md-pink-A700"] { color: var(--ox-color-md-pink-A700); }


/* md purple */
[data-ox-text-color="md-purple"]      { color: var(--ox-color-md-purple); }
[data-ox-text-color="md-purple-50"]   { color: var(--ox-color-md-purple-50); }
[data-ox-text-color="md-purple-100"]  { color: var(--ox-color-md-purple-100); }
[data-ox-text-color="md-purple-200"]  { color: var(--ox-color-md-purple-200); }
[data-ox-text-color="md-purple-300"]  { color: var(--ox-color-md-purple-300); }
[data-ox-text-color="md-purple-400"]  { color: var(--ox-color-md-purple-400); }
[data-ox-text-color="md-purple-500"]  { color: var(--ox-color-md-purple-500); }
[data-ox-text-color="md-purple-600"]  { color: var(--ox-color-md-purple-600); }
[data-ox-text-color="md-purple-700"]  { color: var(--ox-color-md-purple-700); }
[data-ox-text-color="md-purple-800"]  { color: var(--ox-color-md-purple-800); }
[data-ox-text-color="md-purple-900"]  { color: var(--ox-color-md-purple-900); }
[data-ox-text-color="md-purple-A100"] { color: var(--ox-color-md-purple-A100); }
[data-ox-text-color="md-purple-A200"] { color: var(--ox-color-md-purple-A200); }
[data-ox-text-color="md-purple-A400"] { color: var(--ox-color-md-purple-A400); }
[data-ox-text-color="md-purple-A700"] { color: var(--ox-color-md-purple-A700); }

/* md deep-purple */
[data-ox-text-color="md-deep-purple"]      { color: var(--ox-color-md-deep-purple); }
[data-ox-text-color="md-deep-purple-50"]   { color: var(--ox-color-md-deep-purple-50); }
[data-ox-text-color="md-deep-purple-100"]  { color: var(--ox-color-md-deep-purple-100); }
[data-ox-text-color="md-deep-purple-200"]  { color: var(--ox-color-md-deep-purple-200); }
[data-ox-text-color="md-deep-purple-300"]  { color: var(--ox-color-md-deep-purple-300); }
[data-ox-text-color="md-deep-purple-400"]  { color: var(--ox-color-md-deep-purple-400); }
[data-ox-text-color="md-deep-purple-500"]  { color: var(--ox-color-md-deep-purple-500); }
[data-ox-text-color="md-deep-purple-600"]  { color: var(--ox-color-md-deep-purple-600); }
[data-ox-text-color="md-deep-purple-700"]  { color: var(--ox-color-md-deep-purple-700); }
[data-ox-text-color="md-deep-purple-800"]  { color: var(--ox-color-md-deep-purple-800); }
[data-ox-text-color="md-deep-purple-900"]  { color: var(--ox-color-md-deep-purple-900); }
[data-ox-text-color="md-deep-purple-A100"] { color: var(--ox-color-md-deep-purple-A100); }
[data-ox-text-color="md-deep-purple-A200"] { color: var(--ox-color-md-deep-purple-A200); }
[data-ox-text-color="md-deep-purple-A400"] { color: var(--ox-color-md-deep-purple-A400); }
[data-ox-text-color="md-deep-purple-A700"] { color: var(--ox-color-md-deep-purple-A700); }

/* md indigo */
[data-ox-text-color="md-indigo"]      { color: var(--ox-color-md-indigo); }
[data-ox-text-color="md-indigo-50"]   { color: var(--ox-color-md-indigo-50); }
[data-ox-text-color="md-indigo-100"]  { color: var(--ox-color-md-indigo-100); }
[data-ox-text-color="md-indigo-200"]  { color: var(--ox-color-md-indigo-200); }
[data-ox-text-color="md-indigo-300"]  { color: var(--ox-color-md-indigo-300); }
[data-ox-text-color="md-indigo-400"]  { color: var(--ox-color-md-indigo-400); }
[data-ox-text-color="md-indigo-500"]  { color: var(--ox-color-md-indigo-500); }
[data-ox-text-color="md-indigo-600"]  { color: var(--ox-color-md-indigo-600); }
[data-ox-text-color="md-indigo-700"]  { color: var(--ox-color-md-indigo-700); }
[data-ox-text-color="md-indigo-800"]  { color: var(--ox-color-md-indigo-800); }
[data-ox-text-color="md-indigo-900"]  { color: var(--ox-color-md-indigo-900); }
[data-ox-text-color="md-indigo-A100"] { color: var(--ox-color-md-indigo-A100); }
[data-ox-text-color="md-indigo-A200"] { color: var(--ox-color-md-indigo-A200); }
[data-ox-text-color="md-indigo-A400"] { color: var(--ox-color-md-indigo-A400); }
[data-ox-text-color="md-indigo-A700"] { color: var(--ox-color-md-indigo-A700); }

/* md blue */
[data-ox-text-color="md-blue"]      { color: var(--ox-color-md-blue); }
[data-ox-text-color="md-blue-50"]   { color: var(--ox-color-md-blue-50); }
[data-ox-text-color="md-blue-100"]  { color: var(--ox-color-md-blue-100); }
[data-ox-text-color="md-blue-200"]  { color: var(--ox-color-md-blue-200); }
[data-ox-text-color="md-blue-300"]  { color: var(--ox-color-md-blue-300); }
[data-ox-text-color="md-blue-400"]  { color: var(--ox-color-md-blue-400); }
[data-ox-text-color="md-blue-500"]  { color: var(--ox-color-md-blue-500); }
[data-ox-text-color="md-blue-600"]  { color: var(--ox-color-md-blue-600); }
[data-ox-text-color="md-blue-700"]  { color: var(--ox-color-md-blue-700); }
[data-ox-text-color="md-blue-800"]  { color: var(--ox-color-md-blue-800); }
[data-ox-text-color="md-blue-900"]  { color: var(--ox-color-md-blue-900); }
[data-ox-text-color="md-blue-A100"] { color: var(--ox-color-md-blue-A100); }
[data-ox-text-color="md-blue-A200"] { color: var(--ox-color-md-blue-A200); }
[data-ox-text-color="md-blue-A400"] { color: var(--ox-color-md-blue-A400); }
[data-ox-text-color="md-blue-A700"] { color: var(--ox-color-md-blue-A700); }

/* md light-blue */
[data-ox-text-color="md-light-blue"]      { color: var(--ox-color-md-light-blue); }
[data-ox-text-color="md-light-blue-50"]   { color: var(--ox-color-md-light-blue-50); }
[data-ox-text-color="md-light-blue-100"]  { color: var(--ox-color-md-light-blue-100); }
[data-ox-text-color="md-light-blue-200"]  { color: var(--ox-color-md-light-blue-200); }
[data-ox-text-color="md-light-blue-300"]  { color: var(--ox-color-md-light-blue-300); }
[data-ox-text-color="md-light-blue-400"]  { color: var(--ox-color-md-light-blue-400); }
[data-ox-text-color="md-light-blue-500"]  { color: var(--ox-color-md-light-blue-500); }
[data-ox-text-color="md-light-blue-600"]  { color: var(--ox-color-md-light-blue-600); }
[data-ox-text-color="md-light-blue-700"]  { color: var(--ox-color-md-light-blue-700); }
[data-ox-text-color="md-light-blue-800"]  { color: var(--ox-color-md-light-blue-800); }
[data-ox-text-color="md-light-blue-900"]  { color: var(--ox-color-md-light-blue-900); }
[data-ox-text-color="md-light-blue-A100"] { color: var(--ox-color-md-light-blue-A100); }
[data-ox-text-color="md-light-blue-A200"] { color: var(--ox-color-md-light-blue-A200); }
[data-ox-text-color="md-light-blue-A400"] { color: var(--ox-color-md-light-blue-A400); }
[data-ox-text-color="md-light-blue-A700"] { color: var(--ox-color-md-light-blue-A700); }

/* md cyan */
[data-ox-text-color="md-cyan"]      { color: var(--ox-color-md-cyan); }
[data-ox-text-color="md-cyan-50"]   { color: var(--ox-color-md-cyan-50); }
[data-ox-text-color="md-cyan-100"]  { color: var(--ox-color-md-cyan-100); }
[data-ox-text-color="md-cyan-200"]  { color: var(--ox-color-md-cyan-200); }
[data-ox-text-color="md-cyan-300"]  { color: var(--ox-color-md-cyan-300); }
[data-ox-text-color="md-cyan-400"]  { color: var(--ox-color-md-cyan-400); }
[data-ox-text-color="md-cyan-500"]  { color: var(--ox-color-md-cyan-500); }
[data-ox-text-color="md-cyan-600"]  { color: var(--ox-color-md-cyan-600); }
[data-ox-text-color="md-cyan-700"]  { color: var(--ox-color-md-cyan-700); }
[data-ox-text-color="md-cyan-800"]  { color: var(--ox-color-md-cyan-800); }
[data-ox-text-color="md-cyan-900"]  { color: var(--ox-color-md-cyan-900); }
[data-ox-text-color="md-cyan-A100"] { color: var(--ox-color-md-cyan-A100); }
[data-ox-text-color="md-cyan-A200"] { color: var(--ox-color-md-cyan-A200); }
[data-ox-text-color="md-cyan-A400"] { color: var(--ox-color-md-cyan-A400); }
[data-ox-text-color="md-cyan-A700"] { color: var(--ox-color-md-cyan-A700); }

/* md teal */
[data-ox-text-color="md-teal"]      { color: var(--ox-color-md-teal); }
[data-ox-text-color="md-teal-50"]   { color: var(--ox-color-md-teal-50); }
[data-ox-text-color="md-teal-100"]  { color: var(--ox-color-md-teal-100); }
[data-ox-text-color="md-teal-200"]  { color: var(--ox-color-md-teal-200); }
[data-ox-text-color="md-teal-300"]  { color: var(--ox-color-md-teal-300); }
[data-ox-text-color="md-teal-400"]  { color: var(--ox-color-md-teal-400); }
[data-ox-text-color="md-teal-500"]  { color: var(--ox-color-md-teal-500); }
[data-ox-text-color="md-teal-600"]  { color: var(--ox-color-md-teal-600); }
[data-ox-text-color="md-teal-700"]  { color: var(--ox-color-md-teal-700); }
[data-ox-text-color="md-teal-800"]  { color: var(--ox-color-md-teal-800); }
[data-ox-text-color="md-teal-900"]  { color: var(--ox-color-md-teal-900); }
[data-ox-text-color="md-teal-A100"] { color: var(--ox-color-md-teal-A100); }
[data-ox-text-color="md-teal-A200"] { color: var(--ox-color-md-teal-A200); }
[data-ox-text-color="md-teal-A400"] { color: var(--ox-color-md-teal-A400); }
[data-ox-text-color="md-teal-A700"] { color: var(--ox-color-md-teal-A700); }


/* md green */
[data-ox-text-color="md-green"]      { color: var(--ox-color-md-green); }
[data-ox-text-color="md-green-50"]   { color: var(--ox-color-md-green-50); }
[data-ox-text-color="md-green-100"]  { color: var(--ox-color-md-green-100); }
[data-ox-text-color="md-green-200"]  { color: var(--ox-color-md-green-200); }
[data-ox-text-color="md-green-300"]  { color: var(--ox-color-md-green-300); }
[data-ox-text-color="md-green-400"]  { color: var(--ox-color-md-green-400); }
[data-ox-text-color="md-green-500"]  { color: var(--ox-color-md-green-500); }
[data-ox-text-color="md-green-600"]  { color: var(--ox-color-md-green-600); }
[data-ox-text-color="md-green-700"]  { color: var(--ox-color-md-green-700); }
[data-ox-text-color="md-green-800"]  { color: var(--ox-color-md-green-800); }
[data-ox-text-color="md-green-900"]  { color: var(--ox-color-md-green-900); }
[data-ox-text-color="md-green-A100"] { color: var(--ox-color-md-green-A100); }
[data-ox-text-color="md-green-A200"] { color: var(--ox-color-md-green-A200); }
[data-ox-text-color="md-green-A400"] { color: var(--ox-color-md-green-A400); }
[data-ox-text-color="md-green-A700"] { color: var(--ox-color-md-green-A700); }

/* md light-green */
[data-ox-text-color="md-light-green"]      { color: var(--ox-color-md-light-green); }
[data-ox-text-color="md-light-green-50"]   { color: var(--ox-color-md-light-green-50); }
[data-ox-text-color="md-light-green-100"]  { color: var(--ox-color-md-light-green-100); }
[data-ox-text-color="md-light-green-200"]  { color: var(--ox-color-md-light-green-200); }
[data-ox-text-color="md-light-green-300"]  { color: var(--ox-color-md-light-green-300); }
[data-ox-text-color="md-light-green-400"]  { color: var(--ox-color-md-light-green-400); }
[data-ox-text-color="md-light-green-500"]  { color: var(--ox-color-md-light-green-500); }
[data-ox-text-color="md-light-green-600"]  { color: var(--ox-color-md-light-green-600); }
[data-ox-text-color="md-light-green-700"]  { color: var(--ox-color-md-light-green-700); }
[data-ox-text-color="md-light-green-800"]  { color: var(--ox-color-md-light-green-800); }
[data-ox-text-color="md-light-green-900"]  { color: var(--ox-color-md-light-green-900); }
[data-ox-text-color="md-light-green-A100"] { color: var(--ox-color-md-light-green-A100); }
[data-ox-text-color="md-light-green-A200"] { color: var(--ox-color-md-light-green-A200); }
[data-ox-text-color="md-light-green-A400"] { color: var(--ox-color-md-light-green-A400); }
[data-ox-text-color="md-light-green-A700"] { color: var(--ox-color-md-light-green-A700); }



/* md lime */
[data-ox-text-color="md-lime"]      { color: var(--ox-color-md-lime); }
[data-ox-text-color="md-lime-50"]   { color: var(--ox-color-md-lime-50); }
[data-ox-text-color="md-lime-100"]  { color: var(--ox-color-md-lime-100); }
[data-ox-text-color="md-lime-200"]  { color: var(--ox-color-md-lime-200); }
[data-ox-text-color="md-lime-300"]  { color: var(--ox-color-md-lime-300); }
[data-ox-text-color="md-lime-400"]  { color: var(--ox-color-md-lime-400); }
[data-ox-text-color="md-lime-500"]  { color: var(--ox-color-md-lime-500); }
[data-ox-text-color="md-lime-600"]  { color: var(--ox-color-md-lime-600); }
[data-ox-text-color="md-lime-700"]  { color: var(--ox-color-md-lime-700); }
[data-ox-text-color="md-lime-800"]  { color: var(--ox-color-md-lime-800); }
[data-ox-text-color="md-lime-900"]  { color: var(--ox-color-md-lime-900); }
[data-ox-text-color="md-lime-A100"] { color: var(--ox-color-md-lime-A100); }
[data-ox-text-color="md-lime-A200"] { color: var(--ox-color-md-lime-A200); }
[data-ox-text-color="md-lime-A400"] { color: var(--ox-color-md-lime-A400); }
[data-ox-text-color="md-lime-A700"] { color: var(--ox-color-md-lime-A700); }



/* md yellow */
[data-ox-text-color="md-yellow"]      { color: var(--ox-color-md-yellow); }
[data-ox-text-color="md-yellow-50"]   { color: var(--ox-color-md-yellow-50); }
[data-ox-text-color="md-yellow-100"]  { color: var(--ox-color-md-yellow-100); }
[data-ox-text-color="md-yellow-200"]  { color: var(--ox-color-md-yellow-200); }
[data-ox-text-color="md-yellow-300"]  { color: var(--ox-color-md-yellow-300); }
[data-ox-text-color="md-yellow-400"]  { color: var(--ox-color-md-yellow-400); }
[data-ox-text-color="md-yellow-500"]  { color: var(--ox-color-md-yellow-500); }
[data-ox-text-color="md-yellow-600"]  { color: var(--ox-color-md-yellow-600); }
[data-ox-text-color="md-yellow-700"]  { color: var(--ox-color-md-yellow-700); }
[data-ox-text-color="md-yellow-800"]  { color: var(--ox-color-md-yellow-800); }
[data-ox-text-color="md-yellow-900"]  { color: var(--ox-color-md-yellow-900); }
[data-ox-text-color="md-yellow-A100"] { color: var(--ox-color-md-yellow-A100); }
[data-ox-text-color="md-yellow-A200"] { color: var(--ox-color-md-yellow-A200); }
[data-ox-text-color="md-yellow-A400"] { color: var(--ox-color-md-yellow-A400); }
[data-ox-text-color="md-yellow-A700"] { color: var(--ox-color-md-yellow-A700); }

/* md amber */
[data-ox-text-color="md-amber"]      { color: var(--ox-color-md-amber); }
[data-ox-text-color="md-amber-50"]   { color: var(--ox-color-md-amber-50); }
[data-ox-text-color="md-amber-100"]  { color: var(--ox-color-md-amber-100); }
[data-ox-text-color="md-amber-200"]  { color: var(--ox-color-md-amber-200); }
[data-ox-text-color="md-amber-300"]  { color: var(--ox-color-md-amber-300); }
[data-ox-text-color="md-amber-400"]  { color: var(--ox-color-md-amber-400); }
[data-ox-text-color="md-amber-500"]  { color: var(--ox-color-md-amber-500); }
[data-ox-text-color="md-amber-600"]  { color: var(--ox-color-md-amber-600); }
[data-ox-text-color="md-amber-700"]  { color: var(--ox-color-md-amber-700); }
[data-ox-text-color="md-amber-800"]  { color: var(--ox-color-md-amber-800); }
[data-ox-text-color="md-amber-900"]  { color: var(--ox-color-md-amber-900); }
[data-ox-text-color="md-amber-A100"] { color: var(--ox-color-md-amber-A100); }
[data-ox-text-color="md-amber-A200"] { color: var(--ox-color-md-amber-A200); }
[data-ox-text-color="md-amber-A400"] { color: var(--ox-color-md-amber-A400); }
[data-ox-text-color="md-amber-A700"] { color: var(--ox-color-md-amber-A700); }

/* md orange */
[data-ox-text-color="md-orange"]      { color: var(--ox-color-md-orange); }
[data-ox-text-color="md-orange-50"]   { color: var(--ox-color-md-orange-50); }
[data-ox-text-color="md-orange-100"]  { color: var(--ox-color-md-orange-100); }
[data-ox-text-color="md-orange-200"]  { color: var(--ox-color-md-orange-200); }
[data-ox-text-color="md-orange-300"]  { color: var(--ox-color-md-orange-300); }
[data-ox-text-color="md-orange-400"]  { color: var(--ox-color-md-orange-400); }
[data-ox-text-color="md-orange-500"]  { color: var(--ox-color-md-orange-500); }
[data-ox-text-color="md-orange-600"]  { color: var(--ox-color-md-orange-600); }
[data-ox-text-color="md-orange-700"]  { color: var(--ox-color-md-orange-700); }
[data-ox-text-color="md-orange-800"]  { color: var(--ox-color-md-orange-800); }
[data-ox-text-color="md-orange-900"]  { color: var(--ox-color-md-orange-900); }
[data-ox-text-color="md-orange-A100"] { color: var(--ox-color-md-orange-A100); }
[data-ox-text-color="md-orange-A200"] { color: var(--ox-color-md-orange-A200); }
[data-ox-text-color="md-orange-A400"] { color: var(--ox-color-md-orange-A400); }
[data-ox-text-color="md-orange-A700"] { color: var(--ox-color-md-orange-A700); }

/* md deep-orange */
[data-ox-text-color="md-deep-orange"]      { color: var(--ox-color-md-deep-orange); }
[data-ox-text-color="md-deep-orange-50"]   { color: var(--ox-color-md-deep-orange-50); }
[data-ox-text-color="md-deep-orange-100"]  { color: var(--ox-color-md-deep-orange-100); }
[data-ox-text-color="md-deep-orange-200"]  { color: var(--ox-color-md-deep-orange-200); }
[data-ox-text-color="md-deep-orange-300"]  { color: var(--ox-color-md-deep-orange-300); }
[data-ox-text-color="md-deep-orange-400"]  { color: var(--ox-color-md-deep-orange-400); }
[data-ox-text-color="md-deep-orange-500"]  { color: var(--ox-color-md-deep-orange-500); }
[data-ox-text-color="md-deep-orange-600"]  { color: var(--ox-color-md-deep-orange-600); }
[data-ox-text-color="md-deep-orange-700"]  { color: var(--ox-color-md-deep-orange-700); }
[data-ox-text-color="md-deep-orange-800"]  { color: var(--ox-color-md-deep-orange-800); }
[data-ox-text-color="md-deep-orange-900"]  { color: var(--ox-color-md-deep-orange-900); }
[data-ox-text-color="md-deep-orange-A100"] { color: var(--ox-color-md-deep-orange-A100); }
[data-ox-text-color="md-deep-orange-A200"] { color: var(--ox-color-md-deep-orange-A200); }
[data-ox-text-color="md-deep-orange-A400"] { color: var(--ox-color-md-deep-orange-A400); }
[data-ox-text-color="md-deep-orange-A700"] { color: var(--ox-color-md-deep-orange-A700); }

/* md brown */
[data-ox-text-color="md-brown"]      { color: var(--ox-color-md-brown); }
[data-ox-text-color="md-brown-50"]   { color: var(--ox-color-md-brown-50); }
[data-ox-text-color="md-brown-100"]  { color: var(--ox-color-md-brown-100); }
[data-ox-text-color="md-brown-200"]  { color: var(--ox-color-md-brown-200); }
[data-ox-text-color="md-brown-300"]  { color: var(--ox-color-md-brown-300); }
[data-ox-text-color="md-brown-400"]  { color: var(--ox-color-md-brown-400); }
[data-ox-text-color="md-brown-500"]  { color: var(--ox-color-md-brown-500); }
[data-ox-text-color="md-brown-600"]  { color: var(--ox-color-md-brown-600); }
[data-ox-text-color="md-brown-700"]  { color: var(--ox-color-md-brown-700); }
[data-ox-text-color="md-brown-800"]  { color: var(--ox-color-md-brown-800); }
[data-ox-text-color="md-brown-900"]  { color: var(--ox-color-md-brown-900); }


/* md gray */
[data-ox-text-color="md-gray"]      { color: var(--ox-color-md-gray); }
[data-ox-text-color="md-gray-50"]   { color: var(--ox-color-md-gray-50); }
[data-ox-text-color="md-gray-100"]  { color: var(--ox-color-md-gray-100); }
[data-ox-text-color="md-gray-200"]  { color: var(--ox-color-md-gray-200); }
[data-ox-text-color="md-gray-300"]  { color: var(--ox-color-md-gray-300); }
[data-ox-text-color="md-gray-400"]  { color: var(--ox-color-md-gray-400); }
[data-ox-text-color="md-gray-500"]  { color: var(--ox-color-md-gray-500); }
[data-ox-text-color="md-gray-600"]  { color: var(--ox-color-md-gray-600); }
[data-ox-text-color="md-gray-700"]  { color: var(--ox-color-md-gray-700); }
[data-ox-text-color="md-gray-800"]  { color: var(--ox-color-md-gray-800); }
[data-ox-text-color="md-gray-900"]  { color: var(--ox-color-md-gray-900); }

/* md blue-gray */
[data-ox-text-color="md-blue-gray"]      { color: var(--ox-color-md-blue-gray); }
[data-ox-text-color="md-blue-gray-50"]   { color: var(--ox-color-md-blue-gray-50); }
[data-ox-text-color="md-blue-gray-100"]  { color: var(--ox-color-md-blue-gray-100); }
[data-ox-text-color="md-blue-gray-200"]  { color: var(--ox-color-md-blue-gray-200); }
[data-ox-text-color="md-blue-gray-300"]  { color: var(--ox-color-md-blue-gray-300); }
[data-ox-text-color="md-blue-gray-400"]  { color: var(--ox-color-md-blue-gray-400); }
[data-ox-text-color="md-blue-gray-500"]  { color: var(--ox-color-md-blue-gray-500); }
[data-ox-text-color="md-blue-gray-600"]  { color: var(--ox-color-md-blue-gray-600); }
[data-ox-text-color="md-blue-gray-700"]  { color: var(--ox-color-md-blue-gray-700); }
[data-ox-text-color="md-blue-gray-800"]  { color: var(--ox-color-md-blue-gray-800); }
[data-ox-text-color="md-blue-gray-900"]  { color: var(--ox-color-md-blue-gray-900); }

/* md black */
[data-ox-text-color="md-black"]      { color: var(--ox-color-md-black); }

/* md white */
[data-ox-text-color="md-white"]      { color: var(--ox-color-md-white); }

/* ============================================================================ */

/* BG */

/* md red */
[data-ox-bg-color="md-red"]      { background-color: var(--ox-color-md-red); }
[data-ox-bg-color="md-red-50"]   { background-color: var(--ox-color-md-red-50); }
[data-ox-bg-color="md-red-100"]  { background-color: var(--ox-color-md-red-100); }
[data-ox-bg-color="md-red-200"]  { background-color: var(--ox-color-md-red-200); }
[data-ox-bg-color="md-red-300"]  { background-color: var(--ox-color-md-red-300); }
[data-ox-bg-color="md-red-400"]  { background-color: var(--ox-color-md-red-400); }
[data-ox-bg-color="md-red-500"]  { background-color: var(--ox-color-md-red-500); }
[data-ox-bg-color="md-red-600"]  { background-color: var(--ox-color-md-red-600); }
[data-ox-bg-color="md-red-700"]  { background-color: var(--ox-color-md-red-700); }
[data-ox-bg-color="md-red-800"]  { background-color: var(--ox-color-md-red-800); }
[data-ox-bg-color="md-red-900"]  { background-color: var(--ox-color-md-red-900); }
[data-ox-bg-color="md-red-A100"] { background-color: var(--ox-color-md-red-A100); }
[data-ox-bg-color="md-red-A200"] { background-color: var(--ox-color-md-red-A200); }
[data-ox-bg-color="md-red-A400"] { background-color: var(--ox-color-md-red-A400); }
[data-ox-bg-color="md-red-A700"] { background-color: var(--ox-color-md-red-A700); }



/* md pink */
[data-ox-bg-color="md-pink"]      { background-color: var(--ox-color-md-pink); }
[data-ox-bg-color="md-pink-50"]   { background-color: var(--ox-color-md-pink-50); }
[data-ox-bg-color="md-pink-100"]  { background-color: var(--ox-color-md-pink-100); }
[data-ox-bg-color="md-pink-200"]  { background-color: var(--ox-color-md-pink-200); }
[data-ox-bg-color="md-pink-300"]  { background-color: var(--ox-color-md-pink-300); }
[data-ox-bg-color="md-pink-400"]  { background-color: var(--ox-color-md-pink-400); }
[data-ox-bg-color="md-pink-500"]  { background-color: var(--ox-color-md-pink-500); }
[data-ox-bg-color="md-pink-600"]  { background-color: var(--ox-color-md-pink-600); }
[data-ox-bg-color="md-pink-700"]  { background-color: var(--ox-color-md-pink-700); }
[data-ox-bg-color="md-pink-800"]  { background-color: var(--ox-color-md-pink-800); }
[data-ox-bg-color="md-pink-900"]  { background-color: var(--ox-color-md-pink-900); }
[data-ox-bg-color="md-pink-A100"] { background-color: var(--ox-color-md-pink-A100); }
[data-ox-bg-color="md-pink-A200"] { background-color: var(--ox-color-md-pink-A200); }
[data-ox-bg-color="md-pink-A400"] { background-color: var(--ox-color-md-pink-A400); }
[data-ox-bg-color="md-pink-A700"] { background-color: var(--ox-color-md-pink-A700); }


/* md purple */
[data-ox-bg-color="md-purple"]      { background-color: var(--ox-color-md-purple); }
[data-ox-bg-color="md-purple-50"]   { background-color: var(--ox-color-md-purple-50); }
[data-ox-bg-color="md-purple-100"]  { background-color: var(--ox-color-md-purple-100); }
[data-ox-bg-color="md-purple-200"]  { background-color: var(--ox-color-md-purple-200); }
[data-ox-bg-color="md-purple-300"]  { background-color: var(--ox-color-md-purple-300); }
[data-ox-bg-color="md-purple-400"]  { background-color: var(--ox-color-md-purple-400); }
[data-ox-bg-color="md-purple-500"]  { background-color: var(--ox-color-md-purple-500); }
[data-ox-bg-color="md-purple-600"]  { background-color: var(--ox-color-md-purple-600); }
[data-ox-bg-color="md-purple-700"]  { background-color: var(--ox-color-md-purple-700); }
[data-ox-bg-color="md-purple-800"]  { background-color: var(--ox-color-md-purple-800); }
[data-ox-bg-color="md-purple-900"]  { background-color: var(--ox-color-md-purple-900); }
[data-ox-bg-color="md-purple-A100"] { background-color: var(--ox-color-md-purple-A100); }
[data-ox-bg-color="md-purple-A200"] { background-color: var(--ox-color-md-purple-A200); }
[data-ox-bg-color="md-purple-A400"] { background-color: var(--ox-color-md-purple-A400); }
[data-ox-bg-color="md-purple-A700"] { background-color: var(--ox-color-md-purple-A700); }

/* md deep-purple */
[data-ox-bg-color="md-deep-purple"]      { background-color: var(--ox-color-md-deep-purple); }
[data-ox-bg-color="md-deep-purple-50"]   { background-color: var(--ox-color-md-deep-purple-50); }
[data-ox-bg-color="md-deep-purple-100"]  { background-color: var(--ox-color-md-deep-purple-100); }
[data-ox-bg-color="md-deep-purple-200"]  { background-color: var(--ox-color-md-deep-purple-200); }
[data-ox-bg-color="md-deep-purple-300"]  { background-color: var(--ox-color-md-deep-purple-300); }
[data-ox-bg-color="md-deep-purple-400"]  { background-color: var(--ox-color-md-deep-purple-400); }
[data-ox-bg-color="md-deep-purple-500"]  { background-color: var(--ox-color-md-deep-purple-500); }
[data-ox-bg-color="md-deep-purple-600"]  { background-color: var(--ox-color-md-deep-purple-600); }
[data-ox-bg-color="md-deep-purple-700"]  { background-color: var(--ox-color-md-deep-purple-700); }
[data-ox-bg-color="md-deep-purple-800"]  { background-color: var(--ox-color-md-deep-purple-800); }
[data-ox-bg-color="md-deep-purple-900"]  { background-color: var(--ox-color-md-deep-purple-900); }
[data-ox-bg-color="md-deep-purple-A100"] { background-color: var(--ox-color-md-deep-purple-A100); }
[data-ox-bg-color="md-deep-purple-A200"] { background-color: var(--ox-color-md-deep-purple-A200); }
[data-ox-bg-color="md-deep-purple-A400"] { background-color: var(--ox-color-md-deep-purple-A400); }
[data-ox-bg-color="md-deep-purple-A700"] { background-color: var(--ox-color-md-deep-purple-A700); }

/* md indigo */
[data-ox-bg-color="md-indigo"]      { background-color: var(--ox-color-md-indigo); }
[data-ox-bg-color="md-indigo-50"]   { background-color: var(--ox-color-md-indigo-50); }
[data-ox-bg-color="md-indigo-100"]  { background-color: var(--ox-color-md-indigo-100); }
[data-ox-bg-color="md-indigo-200"]  { background-color: var(--ox-color-md-indigo-200); }
[data-ox-bg-color="md-indigo-300"]  { background-color: var(--ox-color-md-indigo-300); }
[data-ox-bg-color="md-indigo-400"]  { background-color: var(--ox-color-md-indigo-400); }
[data-ox-bg-color="md-indigo-500"]  { background-color: var(--ox-color-md-indigo-500); }
[data-ox-bg-color="md-indigo-600"]  { background-color: var(--ox-color-md-indigo-600); }
[data-ox-bg-color="md-indigo-700"]  { background-color: var(--ox-color-md-indigo-700); }
[data-ox-bg-color="md-indigo-800"]  { background-color: var(--ox-color-md-indigo-800); }
[data-ox-bg-color="md-indigo-900"]  { background-color: var(--ox-color-md-indigo-900); }
[data-ox-bg-color="md-indigo-A100"] { background-color: var(--ox-color-md-indigo-A100); }
[data-ox-bg-color="md-indigo-A200"] { background-color: var(--ox-color-md-indigo-A200); }
[data-ox-bg-color="md-indigo-A400"] { background-color: var(--ox-color-md-indigo-A400); }
[data-ox-bg-color="md-indigo-A700"] { background-color: var(--ox-color-md-indigo-A700); }



/* md blue */
[data-ox-bg-color="md-blue"]      { background-color: var(--ox-color-md-blue); }
[data-ox-bg-color="md-blue-50"]   { background-color: var(--ox-color-md-blue-50); }
[data-ox-bg-color="md-blue-100"]  { background-color: var(--ox-color-md-blue-100); }
[data-ox-bg-color="md-blue-200"]  { background-color: var(--ox-color-md-blue-200); }
[data-ox-bg-color="md-blue-300"]  { background-color: var(--ox-color-md-blue-300); }
[data-ox-bg-color="md-blue-400"]  { background-color: var(--ox-color-md-blue-400); }
[data-ox-bg-color="md-blue-500"]  { background-color: var(--ox-color-md-blue-500); }
[data-ox-bg-color="md-blue-600"]  { background-color: var(--ox-color-md-blue-600); }
[data-ox-bg-color="md-blue-700"]  { background-color: var(--ox-color-md-blue-700); }
[data-ox-bg-color="md-blue-800"]  { background-color: var(--ox-color-md-blue-800); }
[data-ox-bg-color="md-blue-900"]  { background-color: var(--ox-color-md-blue-900); }
[data-ox-bg-color="md-blue-A100"] { background-color: var(--ox-color-md-blue-A100); }
[data-ox-bg-color="md-blue-A200"] { background-color: var(--ox-color-md-blue-A200); }
[data-ox-bg-color="md-blue-A400"] { background-color: var(--ox-color-md-blue-A400); }
[data-ox-bg-color="md-blue-A700"] { background-color: var(--ox-color-md-blue-A700); }



/* md light-blue */
[data-ox-bg-color="md-light-blue"]      { background-color: var(--ox-color-md-light-blue); }
[data-ox-bg-color="md-light-blue-50"]   { background-color: var(--ox-color-md-light-blue-50); }
[data-ox-bg-color="md-light-blue-100"]  { background-color: var(--ox-color-md-light-blue-100); }
[data-ox-bg-color="md-light-blue-200"]  { background-color: var(--ox-color-md-light-blue-200); }
[data-ox-bg-color="md-light-blue-300"]  { background-color: var(--ox-color-md-light-blue-300); }
[data-ox-bg-color="md-light-blue-400"]  { background-color: var(--ox-color-md-light-blue-400); }
[data-ox-bg-color="md-light-blue-500"]  { background-color: var(--ox-color-md-light-blue-500); }
[data-ox-bg-color="md-light-blue-600"]  { background-color: var(--ox-color-md-light-blue-600); }
[data-ox-bg-color="md-light-blue-700"]  { background-color: var(--ox-color-md-light-blue-700); }
[data-ox-bg-color="md-light-blue-800"]  { background-color: var(--ox-color-md-light-blue-800); }
[data-ox-bg-color="md-light-blue-900"]  { background-color: var(--ox-color-md-light-blue-900); }
[data-ox-bg-color="md-light-blue-A100"] { background-color: var(--ox-color-md-light-blue-A100); }
[data-ox-bg-color="md-light-blue-A200"] { background-color: var(--ox-color-md-light-blue-A200); }
[data-ox-bg-color="md-light-blue-A400"] { background-color: var(--ox-color-md-light-blue-A400); }
[data-ox-bg-color="md-light-blue-A700"] { background-color: var(--ox-color-md-light-blue-A700); }

/* md cyan */
[data-ox-bg-color="md-cyan"]      { background-color: var(--ox-color-md-cyan); }
[data-ox-bg-color="md-cyan-50"]   { background-color: var(--ox-color-md-cyan-50); }
[data-ox-bg-color="md-cyan-100"]  { background-color: var(--ox-color-md-cyan-100); }
[data-ox-bg-color="md-cyan-200"]  { background-color: var(--ox-color-md-cyan-200); }
[data-ox-bg-color="md-cyan-300"]  { background-color: var(--ox-color-md-cyan-300); }
[data-ox-bg-color="md-cyan-400"]  { background-color: var(--ox-color-md-cyan-400); }
[data-ox-bg-color="md-cyan-500"]  { background-color: var(--ox-color-md-cyan-500); }
[data-ox-bg-color="md-cyan-600"]  { background-color: var(--ox-color-md-cyan-600); }
[data-ox-bg-color="md-cyan-700"]  { background-color: var(--ox-color-md-cyan-700); }
[data-ox-bg-color="md-cyan-800"]  { background-color: var(--ox-color-md-cyan-800); }
[data-ox-bg-color="md-cyan-900"]  { background-color: var(--ox-color-md-cyan-900); }
[data-ox-bg-color="md-cyan-A100"] { background-color: var(--ox-color-md-cyan-A100); }
[data-ox-bg-color="md-cyan-A200"] { background-color: var(--ox-color-md-cyan-A200); }
[data-ox-bg-color="md-cyan-A400"] { background-color: var(--ox-color-md-cyan-A400); }
[data-ox-bg-color="md-cyan-A700"] { background-color: var(--ox-color-md-cyan-A700); }

/* md teal */
[data-ox-bg-color="md-teal"]      { background-color: var(--ox-color-md-teal); }
[data-ox-bg-color="md-teal-50"]   { background-color: var(--ox-color-md-teal-50); }
[data-ox-bg-color="md-teal-100"]  { background-color: var(--ox-color-md-teal-100); }
[data-ox-bg-color="md-teal-200"]  { background-color: var(--ox-color-md-teal-200); }
[data-ox-bg-color="md-teal-300"]  { background-color: var(--ox-color-md-teal-300); }
[data-ox-bg-color="md-teal-400"]  { background-color: var(--ox-color-md-teal-400); }
[data-ox-bg-color="md-teal-500"]  { background-color: var(--ox-color-md-teal-500); }
[data-ox-bg-color="md-teal-600"]  { background-color: var(--ox-color-md-teal-600); }
[data-ox-bg-color="md-teal-700"]  { background-color: var(--ox-color-md-teal-700); }
[data-ox-bg-color="md-teal-800"]  { background-color: var(--ox-color-md-teal-800); }
[data-ox-bg-color="md-teal-900"]  { background-color: var(--ox-color-md-teal-900); }
[data-ox-bg-color="md-teal-A100"] { background-color: var(--ox-color-md-teal-A100); }
[data-ox-bg-color="md-teal-A200"] { background-color: var(--ox-color-md-teal-A200); }
[data-ox-bg-color="md-teal-A400"] { background-color: var(--ox-color-md-teal-A400); }
[data-ox-bg-color="md-teal-A700"] { background-color: var(--ox-color-md-teal-A700); }


/* md green */
[data-ox-bg-color="md-green"]      { background-color: var(--ox-color-md-green); }
[data-ox-bg-color="md-green-50"]   { background-color: var(--ox-color-md-green-50); }
[data-ox-bg-color="md-green-100"]  { background-color: var(--ox-color-md-green-100); }
[data-ox-bg-color="md-green-200"]  { background-color: var(--ox-color-md-green-200); }
[data-ox-bg-color="md-green-300"]  { background-color: var(--ox-color-md-green-300); }
[data-ox-bg-color="md-green-400"]  { background-color: var(--ox-color-md-green-400); }
[data-ox-bg-color="md-green-500"]  { background-color: var(--ox-color-md-green-500); }
[data-ox-bg-color="md-green-600"]  { background-color: var(--ox-color-md-green-600); }
[data-ox-bg-color="md-green-700"]  { background-color: var(--ox-color-md-green-700); }
[data-ox-bg-color="md-green-800"]  { background-color: var(--ox-color-md-green-800); }
[data-ox-bg-color="md-green-900"]  { background-color: var(--ox-color-md-green-900); }
[data-ox-bg-color="md-green-A100"] { background-color: var(--ox-color-md-green-A100); }
[data-ox-bg-color="md-green-A200"] { background-color: var(--ox-color-md-green-A200); }
[data-ox-bg-color="md-green-A400"] { background-color: var(--ox-color-md-green-A400); }
[data-ox-bg-color="md-green-A700"] { background-color: var(--ox-color-md-green-A700); }



/* md light-green */
[data-ox-bg-color="md-light-green"]      { background-color: var(--ox-color-md-light-green); }
[data-ox-bg-color="md-light-green-50"]   { background-color: var(--ox-color-md-light-green-50); }
[data-ox-bg-color="md-light-green-100"]  { background-color: var(--ox-color-md-light-green-100); }
[data-ox-bg-color="md-light-green-200"]  { background-color: var(--ox-color-md-light-green-200); }
[data-ox-bg-color="md-light-green-300"]  { background-color: var(--ox-color-md-light-green-300); }
[data-ox-bg-color="md-light-green-400"]  { background-color: var(--ox-color-md-light-green-400); }
[data-ox-bg-color="md-light-green-500"]  { background-color: var(--ox-color-md-light-green-500); }
[data-ox-bg-color="md-light-green-600"]  { background-color: var(--ox-color-md-light-green-600); }
[data-ox-bg-color="md-light-green-700"]  { background-color: var(--ox-color-md-light-green-700); }
[data-ox-bg-color="md-light-green-800"]  { background-color: var(--ox-color-md-light-green-800); }
[data-ox-bg-color="md-light-green-900"]  { background-color: var(--ox-color-md-light-green-900); }
[data-ox-bg-color="md-light-green-A100"] { background-color: var(--ox-color-md-light-green-A100); }
[data-ox-bg-color="md-light-green-A200"] { background-color: var(--ox-color-md-light-green-A200); }
[data-ox-bg-color="md-light-green-A400"] { background-color: var(--ox-color-md-light-green-A400); }
[data-ox-bg-color="md-light-green-A700"] { background-color: var(--ox-color-md-light-green-A700); }


/* md lime */
[data-ox-bg-color="md-lime"]      { background-color: var(--ox-color-md-lime); }
[data-ox-bg-color="md-lime-50"]   { background-color: var(--ox-color-md-lime-50); }
[data-ox-bg-color="md-lime-100"]  { background-color: var(--ox-color-md-lime-100); }
[data-ox-bg-color="md-lime-200"]  { background-color: var(--ox-color-md-lime-200); }
[data-ox-bg-color="md-lime-300"]  { background-color: var(--ox-color-md-lime-300); }
[data-ox-bg-color="md-lime-400"]  { background-color: var(--ox-color-md-lime-400); }
[data-ox-bg-color="md-lime-500"]  { background-color: var(--ox-color-md-lime-500); }
[data-ox-bg-color="md-lime-600"]  { background-color: var(--ox-color-md-lime-600); }
[data-ox-bg-color="md-lime-700"]  { background-color: var(--ox-color-md-lime-700); }
[data-ox-bg-color="md-lime-800"]  { background-color: var(--ox-color-md-lime-800); }
[data-ox-bg-color="md-lime-900"]  { background-color: var(--ox-color-md-lime-900); }
[data-ox-bg-color="md-lime-A100"] { background-color: var(--ox-color-md-lime-A100); }
[data-ox-bg-color="md-lime-A200"] { background-color: var(--ox-color-md-lime-A200); }
[data-ox-bg-color="md-lime-A400"] { background-color: var(--ox-color-md-lime-A400); }
[data-ox-bg-color="md-lime-A700"] { background-color: var(--ox-color-md-lime-A700); }



/* md yellow */
[data-ox-bg-color="md-yellow"]      { background-color: var(--ox-color-md-yellow); }
[data-ox-bg-color="md-yellow-50"]   { background-color: var(--ox-color-md-yellow-50); }
[data-ox-bg-color="md-yellow-100"]  { background-color: var(--ox-color-md-yellow-100); }
[data-ox-bg-color="md-yellow-200"]  { background-color: var(--ox-color-md-yellow-200); }
[data-ox-bg-color="md-yellow-300"]  { background-color: var(--ox-color-md-yellow-300); }
[data-ox-bg-color="md-yellow-400"]  { background-color: var(--ox-color-md-yellow-400); }
[data-ox-bg-color="md-yellow-500"]  { background-color: var(--ox-color-md-yellow-500); }
[data-ox-bg-color="md-yellow-600"]  { background-color: var(--ox-color-md-yellow-600); }
[data-ox-bg-color="md-yellow-700"]  { background-color: var(--ox-color-md-yellow-700); }
[data-ox-bg-color="md-yellow-800"]  { background-color: var(--ox-color-md-yellow-800); }
[data-ox-bg-color="md-yellow-900"]  { background-color: var(--ox-color-md-yellow-900); }
[data-ox-bg-color="md-yellow-A100"] { background-color: var(--ox-color-md-yellow-A100); }
[data-ox-bg-color="md-yellow-A200"] { background-color: var(--ox-color-md-yellow-A200); }
[data-ox-bg-color="md-yellow-A400"] { background-color: var(--ox-color-md-yellow-A400); }
[data-ox-bg-color="md-yellow-A700"] { background-color: var(--ox-color-md-yellow-A700); }

/* md amber */
[data-ox-bg-color="md-amber"]      { background-color: var(--ox-color-md-amber); }
[data-ox-bg-color="md-amber-50"]   { background-color: var(--ox-color-md-amber-50); }
[data-ox-bg-color="md-amber-100"]  { background-color: var(--ox-color-md-amber-100); }
[data-ox-bg-color="md-amber-200"]  { background-color: var(--ox-color-md-amber-200); }
[data-ox-bg-color="md-amber-300"]  { background-color: var(--ox-color-md-amber-300); }
[data-ox-bg-color="md-amber-400"]  { background-color: var(--ox-color-md-amber-400); }
[data-ox-bg-color="md-amber-500"]  { background-color: var(--ox-color-md-amber-500); }
[data-ox-bg-color="md-amber-600"]  { background-color: var(--ox-color-md-amber-600); }
[data-ox-bg-color="md-amber-700"]  { background-color: var(--ox-color-md-amber-700); }
[data-ox-bg-color="md-amber-800"]  { background-color: var(--ox-color-md-amber-800); }
[data-ox-bg-color="md-amber-900"]  { background-color: var(--ox-color-md-amber-900); }
[data-ox-bg-color="md-amber-A100"] { background-color: var(--ox-color-md-amber-A100); }
[data-ox-bg-color="md-amber-A200"] { background-color: var(--ox-color-md-amber-A200); }
[data-ox-bg-color="md-amber-A400"] { background-color: var(--ox-color-md-amber-A400); }
[data-ox-bg-color="md-amber-A700"] { background-color: var(--ox-color-md-amber-A700); }

/* md orange */
[data-ox-bg-color="md-orange"]      { background-color: var(--ox-color-md-orange); }
[data-ox-bg-color="md-orange-50"]   { background-color: var(--ox-color-md-orange-50); }
[data-ox-bg-color="md-orange-100"]  { background-color: var(--ox-color-md-orange-100); }
[data-ox-bg-color="md-orange-200"]  { background-color: var(--ox-color-md-orange-200); }
[data-ox-bg-color="md-orange-300"]  { background-color: var(--ox-color-md-orange-300); }
[data-ox-bg-color="md-orange-400"]  { background-color: var(--ox-color-md-orange-400); }
[data-ox-bg-color="md-orange-500"]  { background-color: var(--ox-color-md-orange-500); }
[data-ox-bg-color="md-orange-600"]  { background-color: var(--ox-color-md-orange-600); }
[data-ox-bg-color="md-orange-700"]  { background-color: var(--ox-color-md-orange-700); }
[data-ox-bg-color="md-orange-800"]  { background-color: var(--ox-color-md-orange-800); }
[data-ox-bg-color="md-orange-900"]  { background-color: var(--ox-color-md-orange-900); }
[data-ox-bg-color="md-orange-A100"] { background-color: var(--ox-color-md-orange-A100); }
[data-ox-bg-color="md-orange-A200"] { background-color: var(--ox-color-md-orange-A200); }
[data-ox-bg-color="md-orange-A400"] { background-color: var(--ox-color-md-orange-A400); }
[data-ox-bg-color="md-orange-A700"] { background-color: var(--ox-color-md-orange-A700); }

/* md deep-orange */
[data-ox-bg-color="md-deep-orange"]      { background-color: var(--ox-color-md-deep-orange); }
[data-ox-bg-color="md-deep-orange-50"]   { background-color: var(--ox-color-md-deep-orange-50); }
[data-ox-bg-color="md-deep-orange-100"]  { background-color: var(--ox-color-md-deep-orange-100); }
[data-ox-bg-color="md-deep-orange-200"]  { background-color: var(--ox-color-md-deep-orange-200); }
[data-ox-bg-color="md-deep-orange-300"]  { background-color: var(--ox-color-md-deep-orange-300); }
[data-ox-bg-color="md-deep-orange-400"]  { background-color: var(--ox-color-md-deep-orange-400); }
[data-ox-bg-color="md-deep-orange-500"]  { background-color: var(--ox-color-md-deep-orange-500); }
[data-ox-bg-color="md-deep-orange-600"]  { background-color: var(--ox-color-md-deep-orange-600); }
[data-ox-bg-color="md-deep-orange-700"]  { background-color: var(--ox-color-md-deep-orange-700); }
[data-ox-bg-color="md-deep-orange-800"]  { background-color: var(--ox-color-md-deep-orange-800); }
[data-ox-bg-color="md-deep-orange-900"]  { background-color: var(--ox-color-md-deep-orange-900); }
[data-ox-bg-color="md-deep-orange-A100"] { background-color: var(--ox-color-md-deep-orange-A100); }
[data-ox-bg-color="md-deep-orange-A200"] { background-color: var(--ox-color-md-deep-orange-A200); }
[data-ox-bg-color="md-deep-orange-A400"] { background-color: var(--ox-color-md-deep-orange-A400); }
[data-ox-bg-color="md-deep-orange-A700"] { background-color: var(--ox-color-md-deep-orange-A700); }


/* md brown */
[data-ox-bg-color="md-brown"]      { background-color: var(--ox-color-md-brown); }
[data-ox-bg-color="md-brown-50"]   { background-color: var(--ox-color-md-brown-50); }
[data-ox-bg-color="md-brown-100"]  { background-color: var(--ox-color-md-brown-100); }
[data-ox-bg-color="md-brown-200"]  { background-color: var(--ox-color-md-brown-200); }
[data-ox-bg-color="md-brown-300"]  { background-color: var(--ox-color-md-brown-300); }
[data-ox-bg-color="md-brown-400"]  { background-color: var(--ox-color-md-brown-400); }
[data-ox-bg-color="md-brown-500"]  { background-color: var(--ox-color-md-brown-500); }
[data-ox-bg-color="md-brown-600"]  { background-color: var(--ox-color-md-brown-600); }
[data-ox-bg-color="md-brown-700"]  { background-color: var(--ox-color-md-brown-700); }
[data-ox-bg-color="md-brown-800"]  { background-color: var(--ox-color-md-brown-800); }
[data-ox-bg-color="md-brown-900"]  { background-color: var(--ox-color-md-brown-900); }

/* md gray */
[data-ox-bg-color="md-gray"]      { background-color: var(--ox-color-md-gray); }
[data-ox-bg-color="md-gray-50"]   { background-color: var(--ox-color-md-gray-50); }
[data-ox-bg-color="md-gray-100"]  { background-color: var(--ox-color-md-gray-100); }
[data-ox-bg-color="md-gray-200"]  { background-color: var(--ox-color-md-gray-200); }
[data-ox-bg-color="md-gray-300"]  { background-color: var(--ox-color-md-gray-300); }
[data-ox-bg-color="md-gray-400"]  { background-color: var(--ox-color-md-gray-400); }
[data-ox-bg-color="md-gray-500"]  { background-color: var(--ox-color-md-gray-500); }
[data-ox-bg-color="md-gray-600"]  { background-color: var(--ox-color-md-gray-600); }
[data-ox-bg-color="md-gray-700"]  { background-color: var(--ox-color-md-gray-700); }
[data-ox-bg-color="md-gray-800"]  { background-color: var(--ox-color-md-gray-800); }
[data-ox-bg-color="md-gray-900"]  { background-color: var(--ox-color-md-gray-900); }

/* md blue-gray */
[data-ox-bg-color="md-blue-gray"]      { background-color: var(--ox-color-md-blue-gray); }
[data-ox-bg-color="md-blue-gray-50"]   { background-color: var(--ox-color-md-blue-gray-50); }
[data-ox-bg-color="md-blue-gray-100"]  { background-color: var(--ox-color-md-blue-gray-100); }
[data-ox-bg-color="md-blue-gray-200"]  { background-color: var(--ox-color-md-blue-gray-200); }
[data-ox-bg-color="md-blue-gray-300"]  { background-color: var(--ox-color-md-blue-gray-300); }
[data-ox-bg-color="md-blue-gray-400"]  { background-color: var(--ox-color-md-blue-gray-400); }
[data-ox-bg-color="md-blue-gray-500"]  { background-color: var(--ox-color-md-blue-gray-500); }
[data-ox-bg-color="md-blue-gray-600"]  { background-color: var(--ox-color-md-blue-gray-600); }
[data-ox-bg-color="md-blue-gray-700"]  { background-color: var(--ox-color-md-blue-gray-700); }
[data-ox-bg-color="md-blue-gray-800"]  { background-color: var(--ox-color-md-blue-gray-800); }
[data-ox-bg-color="md-blue-gray-900"]  { background-color: var(--ox-color-md-blue-gray-900); }

/* md black */
[data-ox-bg-color="md-black"]      { background-color: var(--ox-color-md-black); }

/* md white */
[data-ox-bg-color="md-white"]      { background-color: var(--ox-color-md-white); }


/* ============================================================================ */


/*
    OXCSS Color TW

    Colors from the Tailwind CSS default color palette
    See: https://tailwindcss.com/docs/customizing-colors


    ========================================================
    OXCSS
    @version 0.1
    @author Ian Maurmann
    @license https://opensource.org/licenses/MIT MIT License
    @copyright Copyright (c) 2016-2023 - Ian Maurmann
    ========================================================
*/



/* Color Variables */
:root {

    /* TW - Slate */
    --ox-color-tw-slate-50:  #f8fafc;
    --ox-color-tw-slate-100: #f1f5f9;
    --ox-color-tw-slate-200: #e2e8f0;
    --ox-color-tw-slate-300: #cbd5e1;
    --ox-color-tw-slate-400: #94a3b8;
    --ox-color-tw-slate-500: #64748b;
    --ox-color-tw-slate-600: #475569;
    --ox-color-tw-slate-700: #334155;
    --ox-color-tw-slate-800: #1e293b;
    --ox-color-tw-slate-900: #0f172a;

    /* TW - Gray */
    --ox-color-tw-gray-50:  #f9fafb;
    --ox-color-tw-gray-100: #f3f4f6;
    --ox-color-tw-gray-200: #e5e7eb;
    --ox-color-tw-gray-300: #d1d5db;
    --ox-color-tw-gray-400: #9ca3af;
    --ox-color-tw-gray-500: #6b7280;
    --ox-color-tw-gray-600: #4b5563;
    --ox-color-tw-gray-700: #374151;
    --ox-color-tw-gray-800: #1f2937;
    --ox-color-tw-gray-900: #111827;


    /* TW - Zinc */
    --ox-color-tw-zinc-50:  #fafafa;
    --ox-color-tw-zinc-100: #f4f4f5;
    --ox-color-tw-zinc-200: #e4e4e7;
    --ox-color-tw-zinc-300: #d4d4d8;
    --ox-color-tw-zinc-400: #a1a1aa;
    --ox-color-tw-zinc-500: #71717a;
    --ox-color-tw-zinc-600: #52525b;
    --ox-color-tw-zinc-700: #3f3f46;
    --ox-color-tw-zinc-800: #27272a;
    --ox-color-tw-zinc-900: #18181b;

    /* TW - Neutral */
    --ox-color-tw-neutral-50:  #fafafa;
    --ox-color-tw-neutral-100: #f5f5f5;
    --ox-color-tw-neutral-200: #e5e5e5;
    --ox-color-tw-neutral-300: #d4d4d4;
    --ox-color-tw-neutral-400: #a3a3a3;
    --ox-color-tw-neutral-500: #71717a;
    --ox-color-tw-neutral-600: #525252;
    --ox-color-tw-neutral-700: #404040;
    --ox-color-tw-neutral-800: #262626;
    --ox-color-tw-neutral-900: #171717;


    /* TW - Stone */
    --ox-color-tw-stone-50:  #fafaf9;
    --ox-color-tw-stone-100: #f5f5f4;
    --ox-color-tw-stone-200: #e7e5e4;
    --ox-color-tw-stone-300: #d6d3d1;
    --ox-color-tw-stone-400: #a8a29e;
    --ox-color-tw-stone-500: #78716c;
    --ox-color-tw-stone-600: #57534e;
    --ox-color-tw-stone-700: #44403c;
    --ox-color-tw-stone-800: #292524;
    --ox-color-tw-stone-900: #1c1917;


    /* TW - Red */
    --ox-color-tw-red-50:  #fef2f2;
    --ox-color-tw-red-100: #fee2e2;
    --ox-color-tw-red-200: #fecaca;
    --ox-color-tw-red-300: #fca5a5;
    --ox-color-tw-red-400: #f87171;
    --ox-color-tw-red-500: #ef4444;
    --ox-color-tw-red-600: #dc2626;
    --ox-color-tw-red-700: #b91c1c;
    --ox-color-tw-red-800: #991b1b;
    --ox-color-tw-red-900: #7f1d1d;

    /* TW - Orange */
    --ox-color-tw-orange-50:  #fff7ed;
    --ox-color-tw-orange-100: #ffedd5;
    --ox-color-tw-orange-200: #fed7aa;
    --ox-color-tw-orange-300: #fdba74;
    --ox-color-tw-orange-400: #fb923c;
    --ox-color-tw-orange-500: #f97316;
    --ox-color-tw-orange-600: #ea580c;
    --ox-color-tw-orange-700: #c2410c;
    --ox-color-tw-orange-800: #9a3412;
    --ox-color-tw-orange-900: #7c2d12;


    /* TW - Amber */
    --ox-color-tw-amber-50:  #fffbeb;
    --ox-color-tw-amber-100: #fef3c7;
    --ox-color-tw-amber-200: #fde68a;
    --ox-color-tw-amber-300: #fcd34d;
    --ox-color-tw-amber-400: #fbbf24;
    --ox-color-tw-amber-500: #f59e0b;
    --ox-color-tw-amber-600: #d97706;
    --ox-color-tw-amber-700: #b45309;
    --ox-color-tw-amber-800: #92400e;
    --ox-color-tw-amber-900: #78350f;


    /* TW - yellow */
    --ox-color-tw-yellow-50:  #fefce8;
    --ox-color-tw-yellow-100: #fef9c3;
    --ox-color-tw-yellow-200: #fef08a;
    --ox-color-tw-yellow-300: #fde047;
    --ox-color-tw-yellow-400: #facc15;
    --ox-color-tw-yellow-500: #eab308;
    --ox-color-tw-yellow-600: #ca8a04;
    --ox-color-tw-yellow-700: #a16207;
    --ox-color-tw-yellow-800: #854d0e;
    --ox-color-tw-yellow-900: #713f12;

    /* TW - lime */
    --ox-color-tw-lime-50:  #f7fee7;
    --ox-color-tw-lime-100: #ecfccb;
    --ox-color-tw-lime-200: #d9f99d;
    --ox-color-tw-lime-300: #bef264;
    --ox-color-tw-lime-400: #a3e635;
    --ox-color-tw-lime-500: #84cc16;
    --ox-color-tw-lime-600: #65a30d;
    --ox-color-tw-lime-700: #4d7c0f;
    --ox-color-tw-lime-800: #3f6212;
    --ox-color-tw-lime-900: #365314;

    /* TW - green */
    --ox-color-tw-green-50:  #f0fdf4;
    --ox-color-tw-green-100: #dcfce7;
    --ox-color-tw-green-200: #bbf7d0;
    --ox-color-tw-green-300: #86efac;
    --ox-color-tw-green-400: #4ade80;
    --ox-color-tw-green-500: #22c55e;
    --ox-color-tw-green-600: #16a34a;
    --ox-color-tw-green-700: #15803d;
    --ox-color-tw-green-800: #166534;
    --ox-color-tw-green-900: #14532d;


    /* TW - emerald */
    --ox-color-tw-emerald-50:  #ecfdf5;
    --ox-color-tw-emerald-100: #d1fae5;
    --ox-color-tw-emerald-200: #a7f3d0;
    --ox-color-tw-emerald-300: #6ee7b7;
    --ox-color-tw-emerald-400: #34d399;
    --ox-color-tw-emerald-500: #10b981;
    --ox-color-tw-emerald-600: #059669;
    --ox-color-tw-emerald-700: #047857;
    --ox-color-tw-emerald-800: #065f46;
    --ox-color-tw-emerald-900: #064e3b;

    /* TW - teal */
    --ox-color-tw-teal-50:  #f0fdfa;
    --ox-color-tw-teal-100: #ccfbf1;
    --ox-color-tw-teal-200: #99f6e4;
    --ox-color-tw-teal-300: #5eead4;
    --ox-color-tw-teal-400: #2dd4bf;
    --ox-color-tw-teal-500: #14b8a6;
    --ox-color-tw-teal-600: #0d9488;
    --ox-color-tw-teal-700: #0f766e;
    --ox-color-tw-teal-800: #115e59;
    --ox-color-tw-teal-900: #134e4a;


    /* TW - cyan */
    --ox-color-tw-cyan-50:  #ecfeff;
    --ox-color-tw-cyan-100: #cffafe;
    --ox-color-tw-cyan-200: #a5f3fc;
    --ox-color-tw-cyan-300: #67e8f9;
    --ox-color-tw-cyan-400: #22d3ee;
    --ox-color-tw-cyan-500: #06b6d4;
    --ox-color-tw-cyan-600: #0891b2;
    --ox-color-tw-cyan-700: #0e7490;
    --ox-color-tw-cyan-800: #155e75;
    --ox-color-tw-cyan-900: #164e63;


    /* TW - sky */
    --ox-color-tw-sky-50:  #f0f9ff;
    --ox-color-tw-sky-100: #e0f2fe;
    --ox-color-tw-sky-200: #bae6fd;
    --ox-color-tw-sky-300: #7dd3fc;
    --ox-color-tw-sky-400: #38bdf8;
    --ox-color-tw-sky-500: #0ea5e9;
    --ox-color-tw-sky-600: #0284c7;
    --ox-color-tw-sky-700: #0369a1;
    --ox-color-tw-sky-800: #075985;
    --ox-color-tw-sky-900: #0c4a6e;


    /* TW - blue */
    --ox-color-tw-blue-50:  #eff6ff;
    --ox-color-tw-blue-100: #dbeafe;
    --ox-color-tw-blue-200: #bfdbfe;
    --ox-color-tw-blue-300: #93c5fd;
    --ox-color-tw-blue-400: #60a5fa;
    --ox-color-tw-blue-500: #3b82f6;
    --ox-color-tw-blue-600: #2563eb;
    --ox-color-tw-blue-700: #1d4ed8;
    --ox-color-tw-blue-800: #1e40af;
    --ox-color-tw-blue-900: #1e3a8a;

    /* TW - indigo */
    --ox-color-tw-indigo-50:  #eef2ff;
    --ox-color-tw-indigo-100: #e0e7ff;
    --ox-color-tw-indigo-200: #c7d2fe;
    --ox-color-tw-indigo-300: #a5b4fc;
    --ox-color-tw-indigo-400: #818cf8;
    --ox-color-tw-indigo-500: #6366f1;
    --ox-color-tw-indigo-600: #4f46e5;
    --ox-color-tw-indigo-700: #4338ca;
    --ox-color-tw-indigo-800: #3730a3;
    --ox-color-tw-indigo-900: #312e81;

    /* TW - violet */
    --ox-color-tw-violet-50:  #f5f3ff;
    --ox-color-tw-violet-100: #ede9fe;
    --ox-color-tw-violet-200: #ddd6fe;
    --ox-color-tw-violet-300: #c4b5fd;
    --ox-color-tw-violet-400: #a78bfa;
    --ox-color-tw-violet-500: #8b5cf6;
    --ox-color-tw-violet-600: #7c3aed;
    --ox-color-tw-violet-700: #6d28d9;
    --ox-color-tw-violet-800: #5b21b6;
    --ox-color-tw-violet-900: #4c1d95;



    /* TW - purple */
    --ox-color-tw-purple-50:  #faf5ff;
    --ox-color-tw-purple-100: #f3e8ff;
    --ox-color-tw-purple-200: #e9d5ff;
    --ox-color-tw-purple-300: #d8b4fe;
    --ox-color-tw-purple-400: #c084fc;
    --ox-color-tw-purple-500: #a855f7;
    --ox-color-tw-purple-600: #9333ea;
    --ox-color-tw-purple-700: #7e22ce;
    --ox-color-tw-purple-800: #6b21a8;
    --ox-color-tw-purple-900: #581c87;



    /* TW - fuchsia */
    --ox-color-tw-fuchsia-50:  #fdf4ff;
    --ox-color-tw-fuchsia-100: #fae8ff;
    --ox-color-tw-fuchsia-200: #f5d0fe;
    --ox-color-tw-fuchsia-300: #f0abfc;
    --ox-color-tw-fuchsia-400: #e879f9;
    --ox-color-tw-fuchsia-500: #d946ef;
    --ox-color-tw-fuchsia-600: #c026d3;
    --ox-color-tw-fuchsia-700: #a21caf;
    --ox-color-tw-fuchsia-800: #86198f;
    --ox-color-tw-fuchsia-900: #701a75;


    /* TW - pink */
    --ox-color-tw-pink-50:  #fdf2f8;
    --ox-color-tw-pink-100: #fce7f3;
    --ox-color-tw-pink-200: #fbcfe8;
    --ox-color-tw-pink-300: #f9a8d4;
    --ox-color-tw-pink-400: #f472b6;
    --ox-color-tw-pink-500: #ec4899;
    --ox-color-tw-pink-600: #db2777;
    --ox-color-tw-pink-700: #be185d;
    --ox-color-tw-pink-800: #9d174d;
    --ox-color-tw-pink-900: #831843;


    /* TW - rose */
    --ox-color-tw-rose-50:  #fff1f2;
    --ox-color-tw-rose-100: #ffe4e6;
    --ox-color-tw-rose-200: #fecdd3;
    --ox-color-tw-rose-300: #fda4af;
    --ox-color-tw-rose-400: #fb7185;
    --ox-color-tw-rose-500: #f43f5e;
    --ox-color-tw-rose-600: #e11d48;
    --ox-color-tw-rose-700: #be123c;
    --ox-color-tw-rose-800: #9f1239;
    --ox-color-tw-rose-900: #881337;






}
/* ============================================================================ */

/* FG */


/* tw slate */
[data-ox-text-color="tw-slate-50"]  { color: var(--ox-color-tw-slate-50); }
[data-ox-text-color="tw-slate-100"] { color: var(--ox-color-tw-slate-100); }
[data-ox-text-color="tw-slate-200"] { color: var(--ox-color-tw-slate-200); }
[data-ox-text-color="tw-slate-300"] { color: var(--ox-color-tw-slate-300); }
[data-ox-text-color="tw-slate-400"] { color: var(--ox-color-tw-slate-400); }
[data-ox-text-color="tw-slate-500"] { color: var(--ox-color-tw-slate-500); }
[data-ox-text-color="tw-slate-600"] { color: var(--ox-color-tw-slate-600); }
[data-ox-text-color="tw-slate-700"] { color: var(--ox-color-tw-slate-700); }
[data-ox-text-color="tw-slate-800"] { color: var(--ox-color-tw-slate-800); }
[data-ox-text-color="tw-slate-900"] { color: var(--ox-color-tw-slate-900); }



/* tw gray */
[data-ox-text-color="tw-gray-50"]  { color: var(--ox-color-tw-gray-50); }
[data-ox-text-color="tw-gray-100"] { color: var(--ox-color-tw-gray-100); }
[data-ox-text-color="tw-gray-200"] { color: var(--ox-color-tw-gray-200); }
[data-ox-text-color="tw-gray-300"] { color: var(--ox-color-tw-gray-300); }
[data-ox-text-color="tw-gray-400"] { color: var(--ox-color-tw-gray-400); }
[data-ox-text-color="tw-gray-500"] { color: var(--ox-color-tw-gray-500); }
[data-ox-text-color="tw-gray-600"] { color: var(--ox-color-tw-gray-600); }
[data-ox-text-color="tw-gray-700"] { color: var(--ox-color-tw-gray-700); }
[data-ox-text-color="tw-gray-800"] { color: var(--ox-color-tw-gray-800); }
[data-ox-text-color="tw-gray-900"] { color: var(--ox-color-tw-gray-900); }


/* tw zinc */
[data-ox-text-color="tw-zinc-50"]  { color: var(--ox-color-tw-zinc-50); }
[data-ox-text-color="tw-zinc-100"] { color: var(--ox-color-tw-zinc-100); }
[data-ox-text-color="tw-zinc-200"] { color: var(--ox-color-tw-zinc-200); }
[data-ox-text-color="tw-zinc-300"] { color: var(--ox-color-tw-zinc-300); }
[data-ox-text-color="tw-zinc-400"] { color: var(--ox-color-tw-zinc-400); }
[data-ox-text-color="tw-zinc-500"] { color: var(--ox-color-tw-zinc-500); }
[data-ox-text-color="tw-zinc-600"] { color: var(--ox-color-tw-zinc-600); }
[data-ox-text-color="tw-zinc-700"] { color: var(--ox-color-tw-zinc-700); }
[data-ox-text-color="tw-zinc-800"] { color: var(--ox-color-tw-zinc-800); }
[data-ox-text-color="tw-zinc-900"] { color: var(--ox-color-tw-zinc-900); }

/* tw neutral */
[data-ox-text-color="tw-neutral-50"]  { color: var(--ox-color-tw-neutral-50); }
[data-ox-text-color="tw-neutral-100"] { color: var(--ox-color-tw-neutral-100); }
[data-ox-text-color="tw-neutral-200"] { color: var(--ox-color-tw-neutral-200); }
[data-ox-text-color="tw-neutral-300"] { color: var(--ox-color-tw-neutral-300); }
[data-ox-text-color="tw-neutral-400"] { color: var(--ox-color-tw-neutral-400); }
[data-ox-text-color="tw-neutral-500"] { color: var(--ox-color-tw-neutral-500); }
[data-ox-text-color="tw-neutral-600"] { color: var(--ox-color-tw-neutral-600); }
[data-ox-text-color="tw-neutral-700"] { color: var(--ox-color-tw-neutral-700); }
[data-ox-text-color="tw-neutral-800"] { color: var(--ox-color-tw-neutral-800); }
[data-ox-text-color="tw-neutral-900"] { color: var(--ox-color-tw-neutral-900); }


/* tw stone */
[data-ox-text-color="tw-stone-50"]  { color: var(--ox-color-tw-stone-50); }
[data-ox-text-color="tw-stone-100"] { color: var(--ox-color-tw-stone-100); }
[data-ox-text-color="tw-stone-200"] { color: var(--ox-color-tw-stone-200); }
[data-ox-text-color="tw-stone-300"] { color: var(--ox-color-tw-stone-300); }
[data-ox-text-color="tw-stone-400"] { color: var(--ox-color-tw-stone-400); }
[data-ox-text-color="tw-stone-500"] { color: var(--ox-color-tw-stone-500); }
[data-ox-text-color="tw-stone-600"] { color: var(--ox-color-tw-stone-600); }
[data-ox-text-color="tw-stone-700"] { color: var(--ox-color-tw-stone-700); }
[data-ox-text-color="tw-stone-800"] { color: var(--ox-color-tw-stone-800); }
[data-ox-text-color="tw-stone-900"] { color: var(--ox-color-tw-stone-900); }


/* tw red */
[data-ox-text-color="tw-red-50"]  { color: var(--ox-color-tw-red-50); }
[data-ox-text-color="tw-red-100"] { color: var(--ox-color-tw-red-100); }
[data-ox-text-color="tw-red-200"] { color: var(--ox-color-tw-red-200); }
[data-ox-text-color="tw-red-300"] { color: var(--ox-color-tw-red-300); }
[data-ox-text-color="tw-red-400"] { color: var(--ox-color-tw-red-400); }
[data-ox-text-color="tw-red-500"] { color: var(--ox-color-tw-red-500); }
[data-ox-text-color="tw-red-600"] { color: var(--ox-color-tw-red-600); }
[data-ox-text-color="tw-red-700"] { color: var(--ox-color-tw-red-700); }
[data-ox-text-color="tw-red-800"] { color: var(--ox-color-tw-red-800); }
[data-ox-text-color="tw-red-900"] { color: var(--ox-color-tw-red-900); }

/* tw orange */
[data-ox-text-color="tw-orange-50"]  { color: var(--ox-color-tw-orange-50); }
[data-ox-text-color="tw-orange-100"] { color: var(--ox-color-tw-orange-100); }
[data-ox-text-color="tw-orange-200"] { color: var(--ox-color-tw-orange-200); }
[data-ox-text-color="tw-orange-300"] { color: var(--ox-color-tw-orange-300); }
[data-ox-text-color="tw-orange-400"] { color: var(--ox-color-tw-orange-400); }
[data-ox-text-color="tw-orange-500"] { color: var(--ox-color-tw-orange-500); }
[data-ox-text-color="tw-orange-600"] { color: var(--ox-color-tw-orange-600); }
[data-ox-text-color="tw-orange-700"] { color: var(--ox-color-tw-orange-700); }
[data-ox-text-color="tw-orange-800"] { color: var(--ox-color-tw-orange-800); }
[data-ox-text-color="tw-orange-900"] { color: var(--ox-color-tw-orange-900); }


/* tw amber */
[data-ox-text-color="tw-amber-50"]  { color: var(--ox-color-tw-amber-50); }
[data-ox-text-color="tw-amber-100"] { color: var(--ox-color-tw-amber-100); }
[data-ox-text-color="tw-amber-200"] { color: var(--ox-color-tw-amber-200); }
[data-ox-text-color="tw-amber-300"] { color: var(--ox-color-tw-amber-300); }
[data-ox-text-color="tw-amber-400"] { color: var(--ox-color-tw-amber-400); }
[data-ox-text-color="tw-amber-500"] { color: var(--ox-color-tw-amber-500); }
[data-ox-text-color="tw-amber-600"] { color: var(--ox-color-tw-amber-600); }
[data-ox-text-color="tw-amber-700"] { color: var(--ox-color-tw-amber-700); }
[data-ox-text-color="tw-amber-800"] { color: var(--ox-color-tw-amber-800); }
[data-ox-text-color="tw-amber-900"] { color: var(--ox-color-tw-amber-900); }

/* tw yellow */
[data-ox-text-color="tw-yellow-50"]  { color: var(--ox-color-tw-yellow-50); }
[data-ox-text-color="tw-yellow-100"] { color: var(--ox-color-tw-yellow-100); }
[data-ox-text-color="tw-yellow-200"] { color: var(--ox-color-tw-yellow-200); }
[data-ox-text-color="tw-yellow-300"] { color: var(--ox-color-tw-yellow-300); }
[data-ox-text-color="tw-yellow-400"] { color: var(--ox-color-tw-yellow-400); }
[data-ox-text-color="tw-yellow-500"] { color: var(--ox-color-tw-yellow-500); }
[data-ox-text-color="tw-yellow-600"] { color: var(--ox-color-tw-yellow-600); }
[data-ox-text-color="tw-yellow-700"] { color: var(--ox-color-tw-yellow-700); }
[data-ox-text-color="tw-yellow-800"] { color: var(--ox-color-tw-yellow-800); }
[data-ox-text-color="tw-yellow-900"] { color: var(--ox-color-tw-yellow-900); }


/* tw lime */
[data-ox-text-color="tw-lime-50"]  { color: var(--ox-color-tw-lime-50); }
[data-ox-text-color="tw-lime-100"] { color: var(--ox-color-tw-lime-100); }
[data-ox-text-color="tw-lime-200"] { color: var(--ox-color-tw-lime-200); }
[data-ox-text-color="tw-lime-300"] { color: var(--ox-color-tw-lime-300); }
[data-ox-text-color="tw-lime-400"] { color: var(--ox-color-tw-lime-400); }
[data-ox-text-color="tw-lime-500"] { color: var(--ox-color-tw-lime-500); }
[data-ox-text-color="tw-lime-600"] { color: var(--ox-color-tw-lime-600); }
[data-ox-text-color="tw-lime-700"] { color: var(--ox-color-tw-lime-700); }
[data-ox-text-color="tw-lime-800"] { color: var(--ox-color-tw-lime-800); }
[data-ox-text-color="tw-lime-900"] { color: var(--ox-color-tw-lime-900); }

/* tw green */
[data-ox-text-color="tw-green-50"]  { color: var(--ox-color-tw-green-50); }
[data-ox-text-color="tw-green-100"] { color: var(--ox-color-tw-green-100); }
[data-ox-text-color="tw-green-200"] { color: var(--ox-color-tw-green-200); }
[data-ox-text-color="tw-green-300"] { color: var(--ox-color-tw-green-300); }
[data-ox-text-color="tw-green-400"] { color: var(--ox-color-tw-green-400); }
[data-ox-text-color="tw-green-500"] { color: var(--ox-color-tw-green-500); }
[data-ox-text-color="tw-green-600"] { color: var(--ox-color-tw-green-600); }
[data-ox-text-color="tw-green-700"] { color: var(--ox-color-tw-green-700); }
[data-ox-text-color="tw-green-800"] { color: var(--ox-color-tw-green-800); }
[data-ox-text-color="tw-green-900"] { color: var(--ox-color-tw-green-900); }


/* tw emerald */
[data-ox-text-color="tw-emerald-50"]  { color: var(--ox-color-tw-emerald-50); }
[data-ox-text-color="tw-emerald-100"] { color: var(--ox-color-tw-emerald-100); }
[data-ox-text-color="tw-emerald-200"] { color: var(--ox-color-tw-emerald-200); }
[data-ox-text-color="tw-emerald-300"] { color: var(--ox-color-tw-emerald-300); }
[data-ox-text-color="tw-emerald-400"] { color: var(--ox-color-tw-emerald-400); }
[data-ox-text-color="tw-emerald-500"] { color: var(--ox-color-tw-emerald-500); }
[data-ox-text-color="tw-emerald-600"] { color: var(--ox-color-tw-emerald-600); }
[data-ox-text-color="tw-emerald-700"] { color: var(--ox-color-tw-emerald-700); }
[data-ox-text-color="tw-emerald-800"] { color: var(--ox-color-tw-emerald-800); }
[data-ox-text-color="tw-emerald-900"] { color: var(--ox-color-tw-emerald-900); }



/* tw teal */
[data-ox-text-color="tw-teal-50"]  { color: var(--ox-color-tw-teal-50); }
[data-ox-text-color="tw-teal-100"] { color: var(--ox-color-tw-teal-100); }
[data-ox-text-color="tw-teal-200"] { color: var(--ox-color-tw-teal-200); }
[data-ox-text-color="tw-teal-300"] { color: var(--ox-color-tw-teal-300); }
[data-ox-text-color="tw-teal-400"] { color: var(--ox-color-tw-teal-400); }
[data-ox-text-color="tw-teal-500"] { color: var(--ox-color-tw-teal-500); }
[data-ox-text-color="tw-teal-600"] { color: var(--ox-color-tw-teal-600); }
[data-ox-text-color="tw-teal-700"] { color: var(--ox-color-tw-teal-700); }
[data-ox-text-color="tw-teal-800"] { color: var(--ox-color-tw-teal-800); }
[data-ox-text-color="tw-teal-900"] { color: var(--ox-color-tw-teal-900); }

/* tw cyan */
[data-ox-text-color="tw-cyan-50"]  { color: var(--ox-color-tw-cyan-50); }
[data-ox-text-color="tw-cyan-100"] { color: var(--ox-color-tw-cyan-100); }
[data-ox-text-color="tw-cyan-200"] { color: var(--ox-color-tw-cyan-200); }
[data-ox-text-color="tw-cyan-300"] { color: var(--ox-color-tw-cyan-300); }
[data-ox-text-color="tw-cyan-400"] { color: var(--ox-color-tw-cyan-400); }
[data-ox-text-color="tw-cyan-500"] { color: var(--ox-color-tw-cyan-500); }
[data-ox-text-color="tw-cyan-600"] { color: var(--ox-color-tw-cyan-600); }
[data-ox-text-color="tw-cyan-700"] { color: var(--ox-color-tw-cyan-700); }
[data-ox-text-color="tw-cyan-800"] { color: var(--ox-color-tw-cyan-800); }
[data-ox-text-color="tw-cyan-900"] { color: var(--ox-color-tw-cyan-900); }


/* tw sky */
[data-ox-text-color="tw-sky-50"]  { color: var(--ox-color-tw-sky-50); }
[data-ox-text-color="tw-sky-100"] { color: var(--ox-color-tw-sky-100); }
[data-ox-text-color="tw-sky-200"] { color: var(--ox-color-tw-sky-200); }
[data-ox-text-color="tw-sky-300"] { color: var(--ox-color-tw-sky-300); }
[data-ox-text-color="tw-sky-400"] { color: var(--ox-color-tw-sky-400); }
[data-ox-text-color="tw-sky-500"] { color: var(--ox-color-tw-sky-500); }
[data-ox-text-color="tw-sky-600"] { color: var(--ox-color-tw-sky-600); }
[data-ox-text-color="tw-sky-700"] { color: var(--ox-color-tw-sky-700); }
[data-ox-text-color="tw-sky-800"] { color: var(--ox-color-tw-sky-800); }
[data-ox-text-color="tw-sky-900"] { color: var(--ox-color-tw-sky-900); }


/* tw blue */
[data-ox-text-color="tw-blue-50"]  { color: var(--ox-color-tw-blue-50); }
[data-ox-text-color="tw-blue-100"] { color: var(--ox-color-tw-blue-100); }
[data-ox-text-color="tw-blue-200"] { color: var(--ox-color-tw-blue-200); }
[data-ox-text-color="tw-blue-300"] { color: var(--ox-color-tw-blue-300); }
[data-ox-text-color="tw-blue-400"] { color: var(--ox-color-tw-blue-400); }
[data-ox-text-color="tw-blue-500"] { color: var(--ox-color-tw-blue-500); }
[data-ox-text-color="tw-blue-600"] { color: var(--ox-color-tw-blue-600); }
[data-ox-text-color="tw-blue-700"] { color: var(--ox-color-tw-blue-700); }
[data-ox-text-color="tw-blue-800"] { color: var(--ox-color-tw-blue-800); }
[data-ox-text-color="tw-blue-900"] { color: var(--ox-color-tw-blue-900); }

/* tw indigo */
[data-ox-text-color="tw-indigo-50"]  { color: var(--ox-color-tw-indigo-50); }
[data-ox-text-color="tw-indigo-100"] { color: var(--ox-color-tw-indigo-100); }
[data-ox-text-color="tw-indigo-200"] { color: var(--ox-color-tw-indigo-200); }
[data-ox-text-color="tw-indigo-300"] { color: var(--ox-color-tw-indigo-300); }
[data-ox-text-color="tw-indigo-400"] { color: var(--ox-color-tw-indigo-400); }
[data-ox-text-color="tw-indigo-500"] { color: var(--ox-color-tw-indigo-500); }
[data-ox-text-color="tw-indigo-600"] { color: var(--ox-color-tw-indigo-600); }
[data-ox-text-color="tw-indigo-700"] { color: var(--ox-color-tw-indigo-700); }
[data-ox-text-color="tw-indigo-800"] { color: var(--ox-color-tw-indigo-800); }
[data-ox-text-color="tw-indigo-900"] { color: var(--ox-color-tw-indigo-900); }



/* tw violet */
[data-ox-text-color="tw-violet-50"]  { color: var(--ox-color-tw-violet-50); }
[data-ox-text-color="tw-violet-100"] { color: var(--ox-color-tw-violet-100); }
[data-ox-text-color="tw-violet-200"] { color: var(--ox-color-tw-violet-200); }
[data-ox-text-color="tw-violet-300"] { color: var(--ox-color-tw-violet-300); }
[data-ox-text-color="tw-violet-400"] { color: var(--ox-color-tw-violet-400); }
[data-ox-text-color="tw-violet-500"] { color: var(--ox-color-tw-violet-500); }
[data-ox-text-color="tw-violet-600"] { color: var(--ox-color-tw-violet-600); }
[data-ox-text-color="tw-violet-700"] { color: var(--ox-color-tw-violet-700); }
[data-ox-text-color="tw-violet-800"] { color: var(--ox-color-tw-violet-800); }
[data-ox-text-color="tw-violet-900"] { color: var(--ox-color-tw-violet-900); }

/* tw purple */
[data-ox-text-color="tw-purple-50"]  { color: var(--ox-color-tw-purple-50); }
[data-ox-text-color="tw-purple-100"] { color: var(--ox-color-tw-purple-100); }
[data-ox-text-color="tw-purple-200"] { color: var(--ox-color-tw-purple-200); }
[data-ox-text-color="tw-purple-300"] { color: var(--ox-color-tw-purple-300); }
[data-ox-text-color="tw-purple-400"] { color: var(--ox-color-tw-purple-400); }
[data-ox-text-color="tw-purple-500"] { color: var(--ox-color-tw-purple-500); }
[data-ox-text-color="tw-purple-600"] { color: var(--ox-color-tw-purple-600); }
[data-ox-text-color="tw-purple-700"] { color: var(--ox-color-tw-purple-700); }
[data-ox-text-color="tw-purple-800"] { color: var(--ox-color-tw-purple-800); }
[data-ox-text-color="tw-purple-900"] { color: var(--ox-color-tw-purple-900); }



/* tw fuchsia */
[data-ox-text-color="tw-fuchsia-50"]  { color: var(--ox-color-tw-fuchsia-50); }
[data-ox-text-color="tw-fuchsia-100"] { color: var(--ox-color-tw-fuchsia-100); }
[data-ox-text-color="tw-fuchsia-200"] { color: var(--ox-color-tw-fuchsia-200); }
[data-ox-text-color="tw-fuchsia-300"] { color: var(--ox-color-tw-fuchsia-300); }
[data-ox-text-color="tw-fuchsia-400"] { color: var(--ox-color-tw-fuchsia-400); }
[data-ox-text-color="tw-fuchsia-500"] { color: var(--ox-color-tw-fuchsia-500); }
[data-ox-text-color="tw-fuchsia-600"] { color: var(--ox-color-tw-fuchsia-600); }
[data-ox-text-color="tw-fuchsia-700"] { color: var(--ox-color-tw-fuchsia-700); }
[data-ox-text-color="tw-fuchsia-800"] { color: var(--ox-color-tw-fuchsia-800); }
[data-ox-text-color="tw-fuchsia-900"] { color: var(--ox-color-tw-fuchsia-900); }


/* tw pink */
[data-ox-text-color="tw-pink-50"]  { color: var(--ox-color-tw-pink-50); }
[data-ox-text-color="tw-pink-100"] { color: var(--ox-color-tw-pink-100); }
[data-ox-text-color="tw-pink-200"] { color: var(--ox-color-tw-pink-200); }
[data-ox-text-color="tw-pink-300"] { color: var(--ox-color-tw-pink-300); }
[data-ox-text-color="tw-pink-400"] { color: var(--ox-color-tw-pink-400); }
[data-ox-text-color="tw-pink-500"] { color: var(--ox-color-tw-pink-500); }
[data-ox-text-color="tw-pink-600"] { color: var(--ox-color-tw-pink-600); }
[data-ox-text-color="tw-pink-700"] { color: var(--ox-color-tw-pink-700); }
[data-ox-text-color="tw-pink-800"] { color: var(--ox-color-tw-pink-800); }
[data-ox-text-color="tw-pink-900"] { color: var(--ox-color-tw-pink-900); }



/* tw rose */
[data-ox-text-color="tw-rose-50"]  { color: var(--ox-color-tw-rose-50); }
[data-ox-text-color="tw-rose-100"] { color: var(--ox-color-tw-rose-100); }
[data-ox-text-color="tw-rose-200"] { color: var(--ox-color-tw-rose-200); }
[data-ox-text-color="tw-rose-300"] { color: var(--ox-color-tw-rose-300); }
[data-ox-text-color="tw-rose-400"] { color: var(--ox-color-tw-rose-400); }
[data-ox-text-color="tw-rose-500"] { color: var(--ox-color-tw-rose-500); }
[data-ox-text-color="tw-rose-600"] { color: var(--ox-color-tw-rose-600); }
[data-ox-text-color="tw-rose-700"] { color: var(--ox-color-tw-rose-700); }
[data-ox-text-color="tw-rose-800"] { color: var(--ox-color-tw-rose-800); }
[data-ox-text-color="tw-rose-900"] { color: var(--ox-color-tw-rose-900); }

/* ============================================================================ */

/* BG */

/* tw slate */
[data-ox-bg-color="tw-slate-50"]  { background-color: var(--ox-color-tw-slate-50); }
[data-ox-bg-color="tw-slate-100"] { background-color: var(--ox-color-tw-slate-100); }
[data-ox-bg-color="tw-slate-200"] { background-color: var(--ox-color-tw-slate-200); }
[data-ox-bg-color="tw-slate-300"] { background-color: var(--ox-color-tw-slate-300); }
[data-ox-bg-color="tw-slate-400"] { background-color: var(--ox-color-tw-slate-400); }
[data-ox-bg-color="tw-slate-500"] { background-color: var(--ox-color-tw-slate-500); }
[data-ox-bg-color="tw-slate-600"] { background-color: var(--ox-color-tw-slate-600); }
[data-ox-bg-color="tw-slate-700"] { background-color: var(--ox-color-tw-slate-700); }
[data-ox-bg-color="tw-slate-800"] { background-color: var(--ox-color-tw-slate-800); }
[data-ox-bg-color="tw-slate-900"] { background-color: var(--ox-color-tw-slate-900); }


/* tw gray */
[data-ox-bg-color="tw-gray-50"]  { background-color: var(--ox-color-tw-gray-50); }
[data-ox-bg-color="tw-gray-100"] { background-color: var(--ox-color-tw-gray-100); }
[data-ox-bg-color="tw-gray-200"] { background-color: var(--ox-color-tw-gray-200); }
[data-ox-bg-color="tw-gray-300"] { background-color: var(--ox-color-tw-gray-300); }
[data-ox-bg-color="tw-gray-400"] { background-color: var(--ox-color-tw-gray-400); }
[data-ox-bg-color="tw-gray-500"] { background-color: var(--ox-color-tw-gray-500); }
[data-ox-bg-color="tw-gray-600"] { background-color: var(--ox-color-tw-gray-600); }
[data-ox-bg-color="tw-gray-700"] { background-color: var(--ox-color-tw-gray-700); }
[data-ox-bg-color="tw-gray-800"] { background-color: var(--ox-color-tw-gray-800); }
[data-ox-bg-color="tw-gray-900"] { background-color: var(--ox-color-tw-gray-900); }



/* tw zinc */
[data-ox-bg-color="tw-zinc-50"]  { background-color: var(--ox-color-tw-zinc-50); }
[data-ox-bg-color="tw-zinc-100"] { background-color: var(--ox-color-tw-zinc-100); }
[data-ox-bg-color="tw-zinc-200"] { background-color: var(--ox-color-tw-zinc-200); }
[data-ox-bg-color="tw-zinc-300"] { background-color: var(--ox-color-tw-zinc-300); }
[data-ox-bg-color="tw-zinc-400"] { background-color: var(--ox-color-tw-zinc-400); }
[data-ox-bg-color="tw-zinc-500"] { background-color: var(--ox-color-tw-zinc-500); }
[data-ox-bg-color="tw-zinc-600"] { background-color: var(--ox-color-tw-zinc-600); }
[data-ox-bg-color="tw-zinc-700"] { background-color: var(--ox-color-tw-zinc-700); }
[data-ox-bg-color="tw-zinc-800"] { background-color: var(--ox-color-tw-zinc-800); }
[data-ox-bg-color="tw-zinc-900"] { background-color: var(--ox-color-tw-zinc-900); }

/* tw neutral */
[data-ox-bg-color="tw-neutral-50"]  { background-color: var(--ox-color-tw-neutral-50); }
[data-ox-bg-color="tw-neutral-100"] { background-color: var(--ox-color-tw-neutral-100); }
[data-ox-bg-color="tw-neutral-200"] { background-color: var(--ox-color-tw-neutral-200); }
[data-ox-bg-color="tw-neutral-300"] { background-color: var(--ox-color-tw-neutral-300); }
[data-ox-bg-color="tw-neutral-400"] { background-color: var(--ox-color-tw-neutral-400); }
[data-ox-bg-color="tw-neutral-500"] { background-color: var(--ox-color-tw-neutral-500); }
[data-ox-bg-color="tw-neutral-600"] { background-color: var(--ox-color-tw-neutral-600); }
[data-ox-bg-color="tw-neutral-700"] { background-color: var(--ox-color-tw-neutral-700); }
[data-ox-bg-color="tw-neutral-800"] { background-color: var(--ox-color-tw-neutral-800); }
[data-ox-bg-color="tw-neutral-900"] { background-color: var(--ox-color-tw-neutral-900); }



/* tw stone */
[data-ox-bg-color="tw-stone-50"]  { background-color: var(--ox-color-tw-stone-50); }
[data-ox-bg-color="tw-stone-100"] { background-color: var(--ox-color-tw-stone-100); }
[data-ox-bg-color="tw-stone-200"] { background-color: var(--ox-color-tw-stone-200); }
[data-ox-bg-color="tw-stone-300"] { background-color: var(--ox-color-tw-stone-300); }
[data-ox-bg-color="tw-stone-400"] { background-color: var(--ox-color-tw-stone-400); }
[data-ox-bg-color="tw-stone-500"] { background-color: var(--ox-color-tw-stone-500); }
[data-ox-bg-color="tw-stone-600"] { background-color: var(--ox-color-tw-stone-600); }
[data-ox-bg-color="tw-stone-700"] { background-color: var(--ox-color-tw-stone-700); }
[data-ox-bg-color="tw-stone-800"] { background-color: var(--ox-color-tw-stone-800); }
[data-ox-bg-color="tw-stone-900"] { background-color: var(--ox-color-tw-stone-900); }


/* tw red */
[data-ox-bg-color="tw-red-50"]  { background-color: var(--ox-color-tw-red-50); }
[data-ox-bg-color="tw-red-100"] { background-color: var(--ox-color-tw-red-100); }
[data-ox-bg-color="tw-red-200"] { background-color: var(--ox-color-tw-red-200); }
[data-ox-bg-color="tw-red-300"] { background-color: var(--ox-color-tw-red-300); }
[data-ox-bg-color="tw-red-400"] { background-color: var(--ox-color-tw-red-400); }
[data-ox-bg-color="tw-red-500"] { background-color: var(--ox-color-tw-red-500); }
[data-ox-bg-color="tw-red-600"] { background-color: var(--ox-color-tw-red-600); }
[data-ox-bg-color="tw-red-700"] { background-color: var(--ox-color-tw-red-700); }
[data-ox-bg-color="tw-red-800"] { background-color: var(--ox-color-tw-red-800); }
[data-ox-bg-color="tw-red-900"] { background-color: var(--ox-color-tw-red-900); }


/* tw orange */
[data-ox-bg-color="tw-orange-50"]  { background-color: var(--ox-color-tw-orange-50); }
[data-ox-bg-color="tw-orange-100"] { background-color: var(--ox-color-tw-orange-100); }
[data-ox-bg-color="tw-orange-200"] { background-color: var(--ox-color-tw-orange-200); }
[data-ox-bg-color="tw-orange-300"] { background-color: var(--ox-color-tw-orange-300); }
[data-ox-bg-color="tw-orange-400"] { background-color: var(--ox-color-tw-orange-400); }
[data-ox-bg-color="tw-orange-500"] { background-color: var(--ox-color-tw-orange-500); }
[data-ox-bg-color="tw-orange-600"] { background-color: var(--ox-color-tw-orange-600); }
[data-ox-bg-color="tw-orange-700"] { background-color: var(--ox-color-tw-orange-700); }
[data-ox-bg-color="tw-orange-800"] { background-color: var(--ox-color-tw-orange-800); }
[data-ox-bg-color="tw-orange-900"] { background-color: var(--ox-color-tw-orange-900); }


/* tw amber */
[data-ox-bg-color="tw-amber-50"]  { background-color: var(--ox-color-tw-amber-50); }
[data-ox-bg-color="tw-amber-100"] { background-color: var(--ox-color-tw-amber-100); }
[data-ox-bg-color="tw-amber-200"] { background-color: var(--ox-color-tw-amber-200); }
[data-ox-bg-color="tw-amber-300"] { background-color: var(--ox-color-tw-amber-300); }
[data-ox-bg-color="tw-amber-400"] { background-color: var(--ox-color-tw-amber-400); }
[data-ox-bg-color="tw-amber-500"] { background-color: var(--ox-color-tw-amber-500); }
[data-ox-bg-color="tw-amber-600"] { background-color: var(--ox-color-tw-amber-600); }
[data-ox-bg-color="tw-amber-700"] { background-color: var(--ox-color-tw-amber-700); }
[data-ox-bg-color="tw-amber-800"] { background-color: var(--ox-color-tw-amber-800); }
[data-ox-bg-color="tw-amber-900"] { background-color: var(--ox-color-tw-amber-900); }


/* tw yellow */
[data-ox-bg-color="tw-yellow-50"]  { background-color: var(--ox-color-tw-yellow-50); }
[data-ox-bg-color="tw-yellow-100"] { background-color: var(--ox-color-tw-yellow-100); }
[data-ox-bg-color="tw-yellow-200"] { background-color: var(--ox-color-tw-yellow-200); }
[data-ox-bg-color="tw-yellow-300"] { background-color: var(--ox-color-tw-yellow-300); }
[data-ox-bg-color="tw-yellow-400"] { background-color: var(--ox-color-tw-yellow-400); }
[data-ox-bg-color="tw-yellow-500"] { background-color: var(--ox-color-tw-yellow-500); }
[data-ox-bg-color="tw-yellow-600"] { background-color: var(--ox-color-tw-yellow-600); }
[data-ox-bg-color="tw-yellow-700"] { background-color: var(--ox-color-tw-yellow-700); }
[data-ox-bg-color="tw-yellow-800"] { background-color: var(--ox-color-tw-yellow-800); }
[data-ox-bg-color="tw-yellow-900"] { background-color: var(--ox-color-tw-yellow-900); }


/* tw lime */
[data-ox-bg-color="tw-lime-50"]  { background-color: var(--ox-color-tw-lime-50); }
[data-ox-bg-color="tw-lime-100"] { background-color: var(--ox-color-tw-lime-100); }
[data-ox-bg-color="tw-lime-200"] { background-color: var(--ox-color-tw-lime-200); }
[data-ox-bg-color="tw-lime-300"] { background-color: var(--ox-color-tw-lime-300); }
[data-ox-bg-color="tw-lime-400"] { background-color: var(--ox-color-tw-lime-400); }
[data-ox-bg-color="tw-lime-500"] { background-color: var(--ox-color-tw-lime-500); }
[data-ox-bg-color="tw-lime-600"] { background-color: var(--ox-color-tw-lime-600); }
[data-ox-bg-color="tw-lime-700"] { background-color: var(--ox-color-tw-lime-700); }
[data-ox-bg-color="tw-lime-800"] { background-color: var(--ox-color-tw-lime-800); }
[data-ox-bg-color="tw-lime-900"] { background-color: var(--ox-color-tw-lime-900); }

/* tw green */
[data-ox-bg-color="tw-green-50"]  { background-color: var(--ox-color-tw-green-50); }
[data-ox-bg-color="tw-green-100"] { background-color: var(--ox-color-tw-green-100); }
[data-ox-bg-color="tw-green-200"] { background-color: var(--ox-color-tw-green-200); }
[data-ox-bg-color="tw-green-300"] { background-color: var(--ox-color-tw-green-300); }
[data-ox-bg-color="tw-green-400"] { background-color: var(--ox-color-tw-green-400); }
[data-ox-bg-color="tw-green-500"] { background-color: var(--ox-color-tw-green-500); }
[data-ox-bg-color="tw-green-600"] { background-color: var(--ox-color-tw-green-600); }
[data-ox-bg-color="tw-green-700"] { background-color: var(--ox-color-tw-green-700); }
[data-ox-bg-color="tw-green-800"] { background-color: var(--ox-color-tw-green-800); }
[data-ox-bg-color="tw-green-900"] { background-color: var(--ox-color-tw-green-900); }


/* tw emerald */
[data-ox-bg-color="tw-emerald-50"]  { background-color: var(--ox-color-tw-emerald-50); }
[data-ox-bg-color="tw-emerald-100"] { background-color: var(--ox-color-tw-emerald-100); }
[data-ox-bg-color="tw-emerald-200"] { background-color: var(--ox-color-tw-emerald-200); }
[data-ox-bg-color="tw-emerald-300"] { background-color: var(--ox-color-tw-emerald-300); }
[data-ox-bg-color="tw-emerald-400"] { background-color: var(--ox-color-tw-emerald-400); }
[data-ox-bg-color="tw-emerald-500"] { background-color: var(--ox-color-tw-emerald-500); }
[data-ox-bg-color="tw-emerald-600"] { background-color: var(--ox-color-tw-emerald-600); }
[data-ox-bg-color="tw-emerald-700"] { background-color: var(--ox-color-tw-emerald-700); }
[data-ox-bg-color="tw-emerald-800"] { background-color: var(--ox-color-tw-emerald-800); }
[data-ox-bg-color="tw-emerald-900"] { background-color: var(--ox-color-tw-emerald-900); }



/* tw teal */
[data-ox-bg-color="tw-teal-50"]  { background-color: var(--ox-color-tw-teal-50); }
[data-ox-bg-color="tw-teal-100"] { background-color: var(--ox-color-tw-teal-100); }
[data-ox-bg-color="tw-teal-200"] { background-color: var(--ox-color-tw-teal-200); }
[data-ox-bg-color="tw-teal-300"] { background-color: var(--ox-color-tw-teal-300); }
[data-ox-bg-color="tw-teal-400"] { background-color: var(--ox-color-tw-teal-400); }
[data-ox-bg-color="tw-teal-500"] { background-color: var(--ox-color-tw-teal-500); }
[data-ox-bg-color="tw-teal-600"] { background-color: var(--ox-color-tw-teal-600); }
[data-ox-bg-color="tw-teal-700"] { background-color: var(--ox-color-tw-teal-700); }
[data-ox-bg-color="tw-teal-800"] { background-color: var(--ox-color-tw-teal-800); }
[data-ox-bg-color="tw-teal-900"] { background-color: var(--ox-color-tw-teal-900); }

/* tw cyan */
[data-ox-bg-color="tw-cyan-50"]  { background-color: var(--ox-color-tw-cyan-50); }
[data-ox-bg-color="tw-cyan-100"] { background-color: var(--ox-color-tw-cyan-100); }
[data-ox-bg-color="tw-cyan-200"] { background-color: var(--ox-color-tw-cyan-200); }
[data-ox-bg-color="tw-cyan-300"] { background-color: var(--ox-color-tw-cyan-300); }
[data-ox-bg-color="tw-cyan-400"] { background-color: var(--ox-color-tw-cyan-400); }
[data-ox-bg-color="tw-cyan-500"] { background-color: var(--ox-color-tw-cyan-500); }
[data-ox-bg-color="tw-cyan-600"] { background-color: var(--ox-color-tw-cyan-600); }
[data-ox-bg-color="tw-cyan-700"] { background-color: var(--ox-color-tw-cyan-700); }
[data-ox-bg-color="tw-cyan-800"] { background-color: var(--ox-color-tw-cyan-800); }
[data-ox-bg-color="tw-cyan-900"] { background-color: var(--ox-color-tw-cyan-900); }



/* tw sky */
[data-ox-bg-color="tw-sky-50"]  { background-color: var(--ox-color-tw-sky-50); }
[data-ox-bg-color="tw-sky-100"] { background-color: var(--ox-color-tw-sky-100); }
[data-ox-bg-color="tw-sky-200"] { background-color: var(--ox-color-tw-sky-200); }
[data-ox-bg-color="tw-sky-300"] { background-color: var(--ox-color-tw-sky-300); }
[data-ox-bg-color="tw-sky-400"] { background-color: var(--ox-color-tw-sky-400); }
[data-ox-bg-color="tw-sky-500"] { background-color: var(--ox-color-tw-sky-500); }
[data-ox-bg-color="tw-sky-600"] { background-color: var(--ox-color-tw-sky-600); }
[data-ox-bg-color="tw-sky-700"] { background-color: var(--ox-color-tw-sky-700); }
[data-ox-bg-color="tw-sky-800"] { background-color: var(--ox-color-tw-sky-800); }
[data-ox-bg-color="tw-sky-900"] { background-color: var(--ox-color-tw-sky-900); }


/* tw blue */
[data-ox-bg-color="tw-blue-50"]  { background-color: var(--ox-color-tw-blue-50); }
[data-ox-bg-color="tw-blue-100"] { background-color: var(--ox-color-tw-blue-100); }
[data-ox-bg-color="tw-blue-200"] { background-color: var(--ox-color-tw-blue-200); }
[data-ox-bg-color="tw-blue-300"] { background-color: var(--ox-color-tw-blue-300); }
[data-ox-bg-color="tw-blue-400"] { background-color: var(--ox-color-tw-blue-400); }
[data-ox-bg-color="tw-blue-500"] { background-color: var(--ox-color-tw-blue-500); }
[data-ox-bg-color="tw-blue-600"] { background-color: var(--ox-color-tw-blue-600); }
[data-ox-bg-color="tw-blue-700"] { background-color: var(--ox-color-tw-blue-700); }
[data-ox-bg-color="tw-blue-800"] { background-color: var(--ox-color-tw-blue-800); }
[data-ox-bg-color="tw-blue-900"] { background-color: var(--ox-color-tw-blue-900); }


/* tw indigo */
[data-ox-bg-color="tw-indigo-50"]  { background-color: var(--ox-color-tw-indigo-50); }
[data-ox-bg-color="tw-indigo-100"] { background-color: var(--ox-color-tw-indigo-100); }
[data-ox-bg-color="tw-indigo-200"] { background-color: var(--ox-color-tw-indigo-200); }
[data-ox-bg-color="tw-indigo-300"] { background-color: var(--ox-color-tw-indigo-300); }
[data-ox-bg-color="tw-indigo-400"] { background-color: var(--ox-color-tw-indigo-400); }
[data-ox-bg-color="tw-indigo-500"] { background-color: var(--ox-color-tw-indigo-500); }
[data-ox-bg-color="tw-indigo-600"] { background-color: var(--ox-color-tw-indigo-600); }
[data-ox-bg-color="tw-indigo-700"] { background-color: var(--ox-color-tw-indigo-700); }
[data-ox-bg-color="tw-indigo-800"] { background-color: var(--ox-color-tw-indigo-800); }
[data-ox-bg-color="tw-indigo-900"] { background-color: var(--ox-color-tw-indigo-900); }



/* tw violet */
[data-ox-bg-color="tw-violet-50"]  { background-color: var(--ox-color-tw-violet-50); }
[data-ox-bg-color="tw-violet-100"] { background-color: var(--ox-color-tw-violet-100); }
[data-ox-bg-color="tw-violet-200"] { background-color: var(--ox-color-tw-violet-200); }
[data-ox-bg-color="tw-violet-300"] { background-color: var(--ox-color-tw-violet-300); }
[data-ox-bg-color="tw-violet-400"] { background-color: var(--ox-color-tw-violet-400); }
[data-ox-bg-color="tw-violet-500"] { background-color: var(--ox-color-tw-violet-500); }
[data-ox-bg-color="tw-violet-600"] { background-color: var(--ox-color-tw-violet-600); }
[data-ox-bg-color="tw-violet-700"] { background-color: var(--ox-color-tw-violet-700); }
[data-ox-bg-color="tw-violet-800"] { background-color: var(--ox-color-tw-violet-800); }
[data-ox-bg-color="tw-violet-900"] { background-color: var(--ox-color-tw-violet-900); }


/* tw purple */
[data-ox-bg-color="tw-purple-50"]  { background-color: var(--ox-color-tw-purple-50); }
[data-ox-bg-color="tw-purple-100"] { background-color: var(--ox-color-tw-purple-100); }
[data-ox-bg-color="tw-purple-200"] { background-color: var(--ox-color-tw-purple-200); }
[data-ox-bg-color="tw-purple-300"] { background-color: var(--ox-color-tw-purple-300); }
[data-ox-bg-color="tw-purple-400"] { background-color: var(--ox-color-tw-purple-400); }
[data-ox-bg-color="tw-purple-500"] { background-color: var(--ox-color-tw-purple-500); }
[data-ox-bg-color="tw-purple-600"] { background-color: var(--ox-color-tw-purple-600); }
[data-ox-bg-color="tw-purple-700"] { background-color: var(--ox-color-tw-purple-700); }
[data-ox-bg-color="tw-purple-800"] { background-color: var(--ox-color-tw-purple-800); }
[data-ox-bg-color="tw-purple-900"] { background-color: var(--ox-color-tw-purple-900); }



/* tw fuchsia */
[data-ox-bg-color="tw-fuchsia-50"]  { background-color: var(--ox-color-tw-fuchsia-50); }
[data-ox-bg-color="tw-fuchsia-100"] { background-color: var(--ox-color-tw-fuchsia-100); }
[data-ox-bg-color="tw-fuchsia-200"] { background-color: var(--ox-color-tw-fuchsia-200); }
[data-ox-bg-color="tw-fuchsia-300"] { background-color: var(--ox-color-tw-fuchsia-300); }
[data-ox-bg-color="tw-fuchsia-400"] { background-color: var(--ox-color-tw-fuchsia-400); }
[data-ox-bg-color="tw-fuchsia-500"] { background-color: var(--ox-color-tw-fuchsia-500); }
[data-ox-bg-color="tw-fuchsia-600"] { background-color: var(--ox-color-tw-fuchsia-600); }
[data-ox-bg-color="tw-fuchsia-700"] { background-color: var(--ox-color-tw-fuchsia-700); }
[data-ox-bg-color="tw-fuchsia-800"] { background-color: var(--ox-color-tw-fuchsia-800); }
[data-ox-bg-color="tw-fuchsia-900"] { background-color: var(--ox-color-tw-fuchsia-900); }



/* tw pink */
[data-ox-bg-color="tw-pink-50"]  { background-color: var(--ox-color-tw-pink-50); }
[data-ox-bg-color="tw-pink-100"] { background-color: var(--ox-color-tw-pink-100); }
[data-ox-bg-color="tw-pink-200"] { background-color: var(--ox-color-tw-pink-200); }
[data-ox-bg-color="tw-pink-300"] { background-color: var(--ox-color-tw-pink-300); }
[data-ox-bg-color="tw-pink-400"] { background-color: var(--ox-color-tw-pink-400); }
[data-ox-bg-color="tw-pink-500"] { background-color: var(--ox-color-tw-pink-500); }
[data-ox-bg-color="tw-pink-600"] { background-color: var(--ox-color-tw-pink-600); }
[data-ox-bg-color="tw-pink-700"] { background-color: var(--ox-color-tw-pink-700); }
[data-ox-bg-color="tw-pink-800"] { background-color: var(--ox-color-tw-pink-800); }
[data-ox-bg-color="tw-pink-900"] { background-color: var(--ox-color-tw-pink-900); }


/* tw rose */
[data-ox-bg-color="tw-rose-50"]  { background-color: var(--ox-color-tw-rose-50); }
[data-ox-bg-color="tw-rose-100"] { background-color: var(--ox-color-tw-rose-100); }
[data-ox-bg-color="tw-rose-200"] { background-color: var(--ox-color-tw-rose-200); }
[data-ox-bg-color="tw-rose-300"] { background-color: var(--ox-color-tw-rose-300); }
[data-ox-bg-color="tw-rose-400"] { background-color: var(--ox-color-tw-rose-400); }
[data-ox-bg-color="tw-rose-500"] { background-color: var(--ox-color-tw-rose-500); }
[data-ox-bg-color="tw-rose-600"] { background-color: var(--ox-color-tw-rose-600); }
[data-ox-bg-color="tw-rose-700"] { background-color: var(--ox-color-tw-rose-700); }
[data-ox-bg-color="tw-rose-800"] { background-color: var(--ox-color-tw-rose-800); }
[data-ox-bg-color="tw-rose-900"] { background-color: var(--ox-color-tw-rose-900); }



/* ============================================================================ */








/*
    OXCSS Color IBM1
    Define colors for OXCSS from the IBM Design Language v1 color set.

    Colors from IBM v1
    https://www.ibm.com/design/v1/language/resources/color-library/
*/


/* Color Variables */
:root {


    /* IBM v1 - Blue */
    --ox-color-ibm1-blue-1:   #e1ebf7;
    --ox-color-ibm1-blue-10:  #c8daf4;
    --ox-color-ibm1-blue-20:  #a8c0f3;
    --ox-color-ibm1-blue-30:  #79a6f6;
    --ox-color-ibm1-blue-40:  #5392ff;
    --ox-color-ibm1-blue-50:  #2d74da;
    --ox-color-ibm1-blue-60:  #1f57a4;
    --ox-color-ibm1-blue-70:  #25467a;
    --ox-color-ibm1-blue-80:  #1d3458;
    --ox-color-ibm1-blue-90:  #19273c;



    /* IBM v1 - ultramarine */
    --ox-color-ibm1-ultramarine-1:   #e7e9f7;
    --ox-color-ibm1-ultramarine-10:  #d1d7f4;
    --ox-color-ibm1-ultramarine-20:  #b0bef3;
    --ox-color-ibm1-ultramarine-30:  #89a2f6;
    --ox-color-ibm1-ultramarine-40:  #648fff;
    --ox-color-ibm1-ultramarine-50:  #3c6df0;
    --ox-color-ibm1-ultramarine-60:  #3151b7;
    --ox-color-ibm1-ultramarine-70:  #2e3f8f;
    --ox-color-ibm1-ultramarine-80:  #252e6a;
    --ox-color-ibm1-ultramarine-90:  #20214f;


    /* IBM v1 - cerulean */
    --ox-color-ibm1-cerulean-1:   #deedf7;
    --ox-color-ibm1-cerulean-10:  #c2dbf4;
    --ox-color-ibm1-cerulean-20:  #95c4f3;
    --ox-color-ibm1-cerulean-30:  #56acf2;
    --ox-color-ibm1-cerulean-40:  #009bef;
    --ox-color-ibm1-cerulean-50:  #047cc0;
    --ox-color-ibm1-cerulean-60:  #175d8d;
    --ox-color-ibm1-cerulean-70:  #1c496d;
    --ox-color-ibm1-cerulean-80:  #1d364d;
    --ox-color-ibm1-cerulean-90:  #1b2834;


    /* IBM v1 - aqua */
    --ox-color-ibm1-aqua-1:   #d1f0f7;
    --ox-color-ibm1-aqua-10:  #a0e3f0;
    --ox-color-ibm1-aqua-20:  #71cddd;
    --ox-color-ibm1-aqua-30:  #00b6cb;
    --ox-color-ibm1-aqua-40:  #12a3b4;
    --ox-color-ibm1-aqua-50:  #188291;
    --ox-color-ibm1-aqua-60:  #17616b;
    --ox-color-ibm1-aqua-70:  #164d56;
    --ox-color-ibm1-aqua-80:  #13393e;
    --ox-color-ibm1-aqua-90:  #122a2e;



    /* IBM v1 - teal */
    --ox-color-ibm1-teal-1:   #c0f5e8;
    --ox-color-ibm1-teal-10:  #8ee9d4;
    --ox-color-ibm1-teal-20:  #40d5bb;
    --ox-color-ibm1-teal-30:  #00baa1;
    --ox-color-ibm1-teal-40:  #00a78f;
    --ox-color-ibm1-teal-50:  #008673;
    --ox-color-ibm1-teal-60:  #006456;
    --ox-color-ibm1-teal-70:  #124f44;
    --ox-color-ibm1-teal-80:  #133a32;
    --ox-color-ibm1-teal-90:  #122b26;


    /* IBM v1 - green */
    --ox-color-ibm1-green-1:   #cef3d1;
    --ox-color-ibm1-green-10:  #89eda0;
    --ox-color-ibm1-green-20:  #57d785;
    --ox-color-ibm1-green-30:  #34bc6e;
    --ox-color-ibm1-green-40:  #00aa5e;
    --ox-color-ibm1-green-50:  #00884b;
    --ox-color-ibm1-green-60:  #116639;
    --ox-color-ibm1-green-70:  #12512e;
    --ox-color-ibm1-green-80:  #123b22;
    --ox-color-ibm1-green-90:  #112c1b;


    /* IBM v1 - lime */
    --ox-color-ibm1-lime-1:   #d7f4bd;
    --ox-color-ibm1-lime-10:  #b4e876;
    --ox-color-ibm1-lime-20:  #95d13c;
    --ox-color-ibm1-lime-30:  #81b532;
    --ox-color-ibm1-lime-40:  #73a22c;
    --ox-color-ibm1-lime-50:  #5b8121;
    --ox-color-ibm1-lime-60:  #426200;
    --ox-color-ibm1-lime-70:  #374c1a;
    --ox-color-ibm1-lime-80:  #283912;
    --ox-color-ibm1-lime-90:  #1f2a10;


    /* IBM v1 - yellow */
    --ox-color-ibm1-yellow-1:   #fbeaae;
    --ox-color-ibm1-yellow-10:  #fed500;
    --ox-color-ibm1-yellow-20:  #e3bc13;
    --ox-color-ibm1-yellow-30:  #c6a21a;
    --ox-color-ibm1-yellow-40:  #b3901f;
    --ox-color-ibm1-yellow-50:  #91721f;
    --ox-color-ibm1-yellow-60:  #70541b;
    --ox-color-ibm1-yellow-70:  #5b421a;
    --ox-color-ibm1-yellow-80:  #452f18;
    --ox-color-ibm1-yellow-90:  #372118;





    /* IBM v1 - gold */
    --ox-color-ibm1-gold-1:   #f5e8db;
    --ox-color-ibm1-gold-10:  #ffd191;
    --ox-color-ibm1-gold-20:  #ffb000;
    --ox-color-ibm1-gold-30:  #e39d14;
    --ox-color-ibm1-gold-40:  #c4881c;
    --ox-color-ibm1-gold-50:  #9c6d1e;
    --ox-color-ibm1-gold-60:  #74521b;
    --ox-color-ibm1-gold-70:  #5b421c;
    --ox-color-ibm1-gold-80:  #42301b;
    --ox-color-ibm1-gold-90:  #2f261c;



    /* IBM v1 - orange */
    --ox-color-ibm1-orange-1:   #f5e8de;
    --ox-color-ibm1-orange-10:  #fdcfad;
    --ox-color-ibm1-orange-20:  #fcaf6d;
    --ox-color-ibm1-orange-30:  #fe8500;
    --ox-color-ibm1-orange-40:  #db7c00;
    --ox-color-ibm1-orange-50:  #ad6418;
    --ox-color-ibm1-orange-60:  #814b19;
    --ox-color-ibm1-orange-70:  #653d1b;
    --ox-color-ibm1-orange-80:  #482e1a;
    --ox-color-ibm1-orange-90:  #33241c;



    /* IBM v1 - peach */
    --ox-color-ibm1-peach-1:   #f7e7e2;
    --ox-color-ibm1-peach-10:  #f8d0c3;
    --ox-color-ibm1-peach-20:  #faad96;
    --ox-color-ibm1-peach-30:  #fc835c;
    --ox-color-ibm1-peach-40:  #fe6100;
    --ox-color-ibm1-peach-50:  #c45433;
    --ox-color-ibm1-peach-60:  #993a1d;
    --ox-color-ibm1-peach-70:  #782f1c;
    --ox-color-ibm1-peach-80:  #56251a;
    --ox-color-ibm1-peach-90:  #3a201b;




    /* IBM v1 - red */
    --ox-color-ibm1-red-1:   #f7e6e6;
    --ox-color-ibm1-red-10:  #fccec7;
    --ox-color-ibm1-red-20:  #ffaa9d;
    --ox-color-ibm1-red-30:  #ff806c;
    --ox-color-ibm1-red-40:  #ff5c49;
    --ox-color-ibm1-red-50:  #e62325;
    --ox-color-ibm1-red-60:  #aa231f;
    --ox-color-ibm1-red-70:  #83231e;
    --ox-color-ibm1-red-80:  #5c1f1b;
    --ox-color-ibm1-red-90:  #3e1d1b;





    /* IBM v1 - magenta */
    --ox-color-ibm1-magenta-1:   #f5e7eb;
    --ox-color-ibm1-magenta-10:  #f5cedb;
    --ox-color-ibm1-magenta-20:  #f7aac3;
    --ox-color-ibm1-magenta-30:  #f87eac;
    --ox-color-ibm1-magenta-40:  #ff509e;
    --ox-color-ibm1-magenta-50:  #dc267f;
    --ox-color-ibm1-magenta-60:  #a91560;
    --ox-color-ibm1-magenta-70:  #831b4c;
    --ox-color-ibm1-magenta-80:  #5d1a38;
    --ox-color-ibm1-magenta-90:  #401a29;



    /* IBM v1 - purple */
    --ox-color-ibm1-purple-1:   #f7e4fb;
    --ox-color-ibm1-purple-10:  #efcef3;
    --ox-color-ibm1-purple-20:  #e4adea;
    --ox-color-ibm1-purple-30:  #d68adf;
    --ox-color-ibm1-purple-40:  #cb71d7;
    --ox-color-ibm1-purple-50:  #c22dd5;
    --ox-color-ibm1-purple-60:  #9320a2;
    --ox-color-ibm1-purple-70:  #71237c;
    --ox-color-ibm1-purple-80:  #501e58;
    --ox-color-ibm1-purple-90:  #3b1a40;




    /* IBM v1 - violet */
    --ox-color-ibm1-violet-1:   #ece8f5;
    --ox-color-ibm1-violet-10:  #e2d2f4;
    --ox-color-ibm1-violet-20:  #d2b5f0;
    --ox-color-ibm1-violet-30:  #bf93eb;
    --ox-color-ibm1-violet-40:  #b07ce8;
    --ox-color-ibm1-violet-50:  #9753e1;
    --ox-color-ibm1-violet-60:  #7732bb;
    --ox-color-ibm1-violet-70:  #602797;
    --ox-color-ibm1-violet-80:  #44216a;
    --ox-color-ibm1-violet-90:  #321c4c;



    /* IBM v1 - indigo */
    --ox-color-ibm1-indigo-1:   #e9e8ff;
    --ox-color-ibm1-indigo-10:  #dcd4f7;
    --ox-color-ibm1-indigo-20:  #c7b6f7;
    --ox-color-ibm1-indigo-30:  #ae97f4;
    --ox-color-ibm1-indigo-40:  #9b82f3;
    --ox-color-ibm1-indigo-50:  #785ef0;
    --ox-color-ibm1-indigo-60:  #5a3ec8;
    --ox-color-ibm1-indigo-70:  #473793;
    --ox-color-ibm1-indigo-80:  #352969;
    --ox-color-ibm1-indigo-90:  #272149;




    /* IBM v1 - gray */
    --ox-color-ibm1-gray-1:   #eaeaea;
    --ox-color-ibm1-gray-10:  #d8d8d8;
    --ox-color-ibm1-gray-20:  #c0bfc0;
    --ox-color-ibm1-gray-30:  #a6a5a6;
    --ox-color-ibm1-gray-40:  #949394;
    --ox-color-ibm1-gray-50:  #777677;
    --ox-color-ibm1-gray-60:  #595859;
    --ox-color-ibm1-gray-70:  #464646;
    --ox-color-ibm1-gray-80:  #343334;
    --ox-color-ibm1-gray-90:  #272727;




    /* IBM v1 - cool-gray */
    --ox-color-ibm1-cool-gray-1:   #e3ecec;
    --ox-color-ibm1-cool-gray-10:  #d0dada;
    --ox-color-ibm1-cool-gray-20:  #b8c1c1;
    --ox-color-ibm1-cool-gray-30:  #9fa7a7;
    --ox-color-ibm1-cool-gray-40:  #8c9696;
    --ox-color-ibm1-cool-gray-50:  #6f7878;
    --ox-color-ibm1-cool-gray-60:  #535a5a;
    --ox-color-ibm1-cool-gray-70:  #424747;
    --ox-color-ibm1-cool-gray-80:  #343334;
    --ox-color-ibm1-cool-gray-90:  #272727;



    /* IBM v1 - warm-gray */
    --ox-color-ibm1-warm-gray-1:   #efe9e9;
    --ox-color-ibm1-warm-gray-10:  #e2d5d5;
    --ox-color-ibm1-warm-gray-20:  #ccbcbc;
    --ox-color-ibm1-warm-gray-30:  #b4a1a1;
    --ox-color-ibm1-warm-gray-40:  #9e9191;
    --ox-color-ibm1-warm-gray-50:  #7d7373;
    --ox-color-ibm1-warm-gray-60:  #5f5757;
    --ox-color-ibm1-warm-gray-70:  #4b4545;
    --ox-color-ibm1-warm-gray-80:  #373232;
    --ox-color-ibm1-warm-gray-90:  #2a2626;





    /* IBM v1 - neutral-white */
    --ox-color-ibm1-neutral-white-1:   #fcfcfc;
    --ox-color-ibm1-neutral-white-2:   #f9f9f9;
    --ox-color-ibm1-neutral-white-3:   #f6f6f6;
    --ox-color-ibm1-neutral-white-4:   #f3f3f3;






    /* IBM v1 - cool-white */
    --ox-color-ibm1-cool-white-1:   #fbfcfc;
    --ox-color-ibm1-cool-white-2:   #f8fafa;
    --ox-color-ibm1-cool-white-3:   #f4f7f7;
    --ox-color-ibm1-cool-white-4:   #f0f4f4;





    /* IBM v1 - warm-white */
    --ox-color-ibm1-warm-white-1:   #fdfcfc;
    --ox-color-ibm1-warm-white-2:   #fbf8f8;
    --ox-color-ibm1-warm-white-3:   #f9f6f6;
    --ox-color-ibm1-warm-white-4:   #f6f3f3;











}
/* ============================================================================ */

/* FG */



/* ibm1 blue */
[data-ox-text-color="ibm1-blue-1"]  { color: var(--ox-color-ibm1-blue-1);  }
[data-ox-text-color="ibm1-blue-10"] { color: var(--ox-color-ibm1-blue-10); }
[data-ox-text-color="ibm1-blue-20"] { color: var(--ox-color-ibm1-blue-20); }
[data-ox-text-color="ibm1-blue-30"] { color: var(--ox-color-ibm1-blue-30); }
[data-ox-text-color="ibm1-blue-40"] { color: var(--ox-color-ibm1-blue-40); }
[data-ox-text-color="ibm1-blue-50"] { color: var(--ox-color-ibm1-blue-50); }
[data-ox-text-color="ibm1-blue-60"] { color: var(--ox-color-ibm1-blue-60); }
[data-ox-text-color="ibm1-blue-70"] { color: var(--ox-color-ibm1-blue-70); }
[data-ox-text-color="ibm1-blue-80"] { color: var(--ox-color-ibm1-blue-80); }
[data-ox-text-color="ibm1-blue-90"] { color: var(--ox-color-ibm1-blue-90); }


/* ibm1 ultramarine */
[data-ox-text-color="ibm1-ultramarine-1"]  { color: var(--ox-color-ibm1-ultramarine-1);  }
[data-ox-text-color="ibm1-ultramarine-10"] { color: var(--ox-color-ibm1-ultramarine-10); }
[data-ox-text-color="ibm1-ultramarine-20"] { color: var(--ox-color-ibm1-ultramarine-20); }
[data-ox-text-color="ibm1-ultramarine-30"] { color: var(--ox-color-ibm1-ultramarine-30); }
[data-ox-text-color="ibm1-ultramarine-40"] { color: var(--ox-color-ibm1-ultramarine-40); }
[data-ox-text-color="ibm1-ultramarine-50"] { color: var(--ox-color-ibm1-ultramarine-50); }
[data-ox-text-color="ibm1-ultramarine-60"] { color: var(--ox-color-ibm1-ultramarine-60); }
[data-ox-text-color="ibm1-ultramarine-70"] { color: var(--ox-color-ibm1-ultramarine-70); }
[data-ox-text-color="ibm1-ultramarine-80"] { color: var(--ox-color-ibm1-ultramarine-80); }
[data-ox-text-color="ibm1-ultramarine-90"] { color: var(--ox-color-ibm1-ultramarine-90); }



/* ibm1 cerulean */
[data-ox-text-color="ibm1-cerulean-1"]  { color: var(--ox-color-ibm1-cerulean-1);  }
[data-ox-text-color="ibm1-cerulean-10"] { color: var(--ox-color-ibm1-cerulean-10); }
[data-ox-text-color="ibm1-cerulean-20"] { color: var(--ox-color-ibm1-cerulean-20); }
[data-ox-text-color="ibm1-cerulean-30"] { color: var(--ox-color-ibm1-cerulean-30); }
[data-ox-text-color="ibm1-cerulean-40"] { color: var(--ox-color-ibm1-cerulean-40); }
[data-ox-text-color="ibm1-cerulean-50"] { color: var(--ox-color-ibm1-cerulean-50); }
[data-ox-text-color="ibm1-cerulean-60"] { color: var(--ox-color-ibm1-cerulean-60); }
[data-ox-text-color="ibm1-cerulean-70"] { color: var(--ox-color-ibm1-cerulean-70); }
[data-ox-text-color="ibm1-cerulean-80"] { color: var(--ox-color-ibm1-cerulean-80); }
[data-ox-text-color="ibm1-cerulean-90"] { color: var(--ox-color-ibm1-cerulean-90); }


/* ibm1 aqua */
[data-ox-text-color="ibm1-aqua-1"]  { color: var(--ox-color-ibm1-aqua-1);  }
[data-ox-text-color="ibm1-aqua-10"] { color: var(--ox-color-ibm1-aqua-10); }
[data-ox-text-color="ibm1-aqua-20"] { color: var(--ox-color-ibm1-aqua-20); }
[data-ox-text-color="ibm1-aqua-30"] { color: var(--ox-color-ibm1-aqua-30); }
[data-ox-text-color="ibm1-aqua-40"] { color: var(--ox-color-ibm1-aqua-40); }
[data-ox-text-color="ibm1-aqua-50"] { color: var(--ox-color-ibm1-aqua-50); }
[data-ox-text-color="ibm1-aqua-60"] { color: var(--ox-color-ibm1-aqua-60); }
[data-ox-text-color="ibm1-aqua-70"] { color: var(--ox-color-ibm1-aqua-70); }
[data-ox-text-color="ibm1-aqua-80"] { color: var(--ox-color-ibm1-aqua-80); }
[data-ox-text-color="ibm1-aqua-90"] { color: var(--ox-color-ibm1-aqua-90); }




/* ibm1 teal */
[data-ox-text-color="ibm1-teal-1"]  { color: var(--ox-color-ibm1-teal-1);  }
[data-ox-text-color="ibm1-teal-10"] { color: var(--ox-color-ibm1-teal-10); }
[data-ox-text-color="ibm1-teal-20"] { color: var(--ox-color-ibm1-teal-20); }
[data-ox-text-color="ibm1-teal-30"] { color: var(--ox-color-ibm1-teal-30); }
[data-ox-text-color="ibm1-teal-40"] { color: var(--ox-color-ibm1-teal-40); }
[data-ox-text-color="ibm1-teal-50"] { color: var(--ox-color-ibm1-teal-50); }
[data-ox-text-color="ibm1-teal-60"] { color: var(--ox-color-ibm1-teal-60); }
[data-ox-text-color="ibm1-teal-70"] { color: var(--ox-color-ibm1-teal-70); }
[data-ox-text-color="ibm1-teal-80"] { color: var(--ox-color-ibm1-teal-80); }
[data-ox-text-color="ibm1-teal-90"] { color: var(--ox-color-ibm1-teal-90); }


/* ibm1 green */
[data-ox-text-color="ibm1-green-1"]  { color: var(--ox-color-ibm1-green-1);  }
[data-ox-text-color="ibm1-green-10"] { color: var(--ox-color-ibm1-green-10); }
[data-ox-text-color="ibm1-green-20"] { color: var(--ox-color-ibm1-green-20); }
[data-ox-text-color="ibm1-green-30"] { color: var(--ox-color-ibm1-green-30); }
[data-ox-text-color="ibm1-green-40"] { color: var(--ox-color-ibm1-green-40); }
[data-ox-text-color="ibm1-green-50"] { color: var(--ox-color-ibm1-green-50); }
[data-ox-text-color="ibm1-green-60"] { color: var(--ox-color-ibm1-green-60); }
[data-ox-text-color="ibm1-green-70"] { color: var(--ox-color-ibm1-green-70); }
[data-ox-text-color="ibm1-green-80"] { color: var(--ox-color-ibm1-green-80); }
[data-ox-text-color="ibm1-green-90"] { color: var(--ox-color-ibm1-green-90); }


/* ibm1 lime */
[data-ox-text-color="ibm1-lime-1"]  { color: var(--ox-color-ibm1-lime-1);  }
[data-ox-text-color="ibm1-lime-10"] { color: var(--ox-color-ibm1-lime-10); }
[data-ox-text-color="ibm1-lime-20"] { color: var(--ox-color-ibm1-lime-20); }
[data-ox-text-color="ibm1-lime-30"] { color: var(--ox-color-ibm1-lime-30); }
[data-ox-text-color="ibm1-lime-40"] { color: var(--ox-color-ibm1-lime-40); }
[data-ox-text-color="ibm1-lime-50"] { color: var(--ox-color-ibm1-lime-50); }
[data-ox-text-color="ibm1-lime-60"] { color: var(--ox-color-ibm1-lime-60); }
[data-ox-text-color="ibm1-lime-70"] { color: var(--ox-color-ibm1-lime-70); }
[data-ox-text-color="ibm1-lime-80"] { color: var(--ox-color-ibm1-lime-80); }
[data-ox-text-color="ibm1-lime-90"] { color: var(--ox-color-ibm1-lime-90); }


/* ibm1 yellow */
[data-ox-text-color="ibm1-yellow-1"]  { color: var(--ox-color-ibm1-yellow-1);  }
[data-ox-text-color="ibm1-yellow-10"] { color: var(--ox-color-ibm1-yellow-10); }
[data-ox-text-color="ibm1-yellow-20"] { color: var(--ox-color-ibm1-yellow-20); }
[data-ox-text-color="ibm1-yellow-30"] { color: var(--ox-color-ibm1-yellow-30); }
[data-ox-text-color="ibm1-yellow-40"] { color: var(--ox-color-ibm1-yellow-40); }
[data-ox-text-color="ibm1-yellow-50"] { color: var(--ox-color-ibm1-yellow-50); }
[data-ox-text-color="ibm1-yellow-60"] { color: var(--ox-color-ibm1-yellow-60); }
[data-ox-text-color="ibm1-yellow-70"] { color: var(--ox-color-ibm1-yellow-70); }
[data-ox-text-color="ibm1-yellow-80"] { color: var(--ox-color-ibm1-yellow-80); }
[data-ox-text-color="ibm1-yellow-90"] { color: var(--ox-color-ibm1-yellow-90); }


/* ibm1 gold */
[data-ox-text-color="ibm1-gold-1"]  { color: var(--ox-color-ibm1-gold-1);  }
[data-ox-text-color="ibm1-gold-10"] { color: var(--ox-color-ibm1-gold-10); }
[data-ox-text-color="ibm1-gold-20"] { color: var(--ox-color-ibm1-gold-20); }
[data-ox-text-color="ibm1-gold-30"] { color: var(--ox-color-ibm1-gold-30); }
[data-ox-text-color="ibm1-gold-40"] { color: var(--ox-color-ibm1-gold-40); }
[data-ox-text-color="ibm1-gold-50"] { color: var(--ox-color-ibm1-gold-50); }
[data-ox-text-color="ibm1-gold-60"] { color: var(--ox-color-ibm1-gold-60); }
[data-ox-text-color="ibm1-gold-70"] { color: var(--ox-color-ibm1-gold-70); }
[data-ox-text-color="ibm1-gold-80"] { color: var(--ox-color-ibm1-gold-80); }
[data-ox-text-color="ibm1-gold-90"] { color: var(--ox-color-ibm1-gold-90); }



/* ibm1 orange */
[data-ox-text-color="ibm1-orange-1"]  { color: var(--ox-color-ibm1-orange-1);  }
[data-ox-text-color="ibm1-orange-10"] { color: var(--ox-color-ibm1-orange-10); }
[data-ox-text-color="ibm1-orange-20"] { color: var(--ox-color-ibm1-orange-20); }
[data-ox-text-color="ibm1-orange-30"] { color: var(--ox-color-ibm1-orange-30); }
[data-ox-text-color="ibm1-orange-40"] { color: var(--ox-color-ibm1-orange-40); }
[data-ox-text-color="ibm1-orange-50"] { color: var(--ox-color-ibm1-orange-50); }
[data-ox-text-color="ibm1-orange-60"] { color: var(--ox-color-ibm1-orange-60); }
[data-ox-text-color="ibm1-orange-70"] { color: var(--ox-color-ibm1-orange-70); }
[data-ox-text-color="ibm1-orange-80"] { color: var(--ox-color-ibm1-orange-80); }
[data-ox-text-color="ibm1-orange-90"] { color: var(--ox-color-ibm1-orange-90); }


/* ibm1 peach */
[data-ox-text-color="ibm1-peach-1"]  { color: var(--ox-color-ibm1-peach-1);  }
[data-ox-text-color="ibm1-peach-10"] { color: var(--ox-color-ibm1-peach-10); }
[data-ox-text-color="ibm1-peach-20"] { color: var(--ox-color-ibm1-peach-20); }
[data-ox-text-color="ibm1-peach-30"] { color: var(--ox-color-ibm1-peach-30); }
[data-ox-text-color="ibm1-peach-40"] { color: var(--ox-color-ibm1-peach-40); }
[data-ox-text-color="ibm1-peach-50"] { color: var(--ox-color-ibm1-peach-50); }
[data-ox-text-color="ibm1-peach-60"] { color: var(--ox-color-ibm1-peach-60); }
[data-ox-text-color="ibm1-peach-70"] { color: var(--ox-color-ibm1-peach-70); }
[data-ox-text-color="ibm1-peach-80"] { color: var(--ox-color-ibm1-peach-80); }
[data-ox-text-color="ibm1-peach-90"] { color: var(--ox-color-ibm1-peach-90); }




/* ibm1 red */
[data-ox-text-color="ibm1-red-1"]  { color: var(--ox-color-ibm1-red-1);  }
[data-ox-text-color="ibm1-red-10"] { color: var(--ox-color-ibm1-red-10); }
[data-ox-text-color="ibm1-red-20"] { color: var(--ox-color-ibm1-red-20); }
[data-ox-text-color="ibm1-red-30"] { color: var(--ox-color-ibm1-red-30); }
[data-ox-text-color="ibm1-red-40"] { color: var(--ox-color-ibm1-red-40); }
[data-ox-text-color="ibm1-red-50"] { color: var(--ox-color-ibm1-red-50); }
[data-ox-text-color="ibm1-red-60"] { color: var(--ox-color-ibm1-red-60); }
[data-ox-text-color="ibm1-red-70"] { color: var(--ox-color-ibm1-red-70); }
[data-ox-text-color="ibm1-red-80"] { color: var(--ox-color-ibm1-red-80); }
[data-ox-text-color="ibm1-red-90"] { color: var(--ox-color-ibm1-red-90); }



/* ibm1 magenta */
[data-ox-text-color="ibm1-magenta-1"]  { color: var(--ox-color-ibm1-magenta-1);  }
[data-ox-text-color="ibm1-magenta-10"] { color: var(--ox-color-ibm1-magenta-10); }
[data-ox-text-color="ibm1-magenta-20"] { color: var(--ox-color-ibm1-magenta-20); }
[data-ox-text-color="ibm1-magenta-30"] { color: var(--ox-color-ibm1-magenta-30); }
[data-ox-text-color="ibm1-magenta-40"] { color: var(--ox-color-ibm1-magenta-40); }
[data-ox-text-color="ibm1-magenta-50"] { color: var(--ox-color-ibm1-magenta-50); }
[data-ox-text-color="ibm1-magenta-60"] { color: var(--ox-color-ibm1-magenta-60); }
[data-ox-text-color="ibm1-magenta-70"] { color: var(--ox-color-ibm1-magenta-70); }
[data-ox-text-color="ibm1-magenta-80"] { color: var(--ox-color-ibm1-magenta-80); }
[data-ox-text-color="ibm1-magenta-90"] { color: var(--ox-color-ibm1-magenta-90); }




/* ibm1 purple */
[data-ox-text-color="ibm1-purple-1"]  { color: var(--ox-color-ibm1-purple-1);  }
[data-ox-text-color="ibm1-purple-10"] { color: var(--ox-color-ibm1-purple-10); }
[data-ox-text-color="ibm1-purple-20"] { color: var(--ox-color-ibm1-purple-20); }
[data-ox-text-color="ibm1-purple-30"] { color: var(--ox-color-ibm1-purple-30); }
[data-ox-text-color="ibm1-purple-40"] { color: var(--ox-color-ibm1-purple-40); }
[data-ox-text-color="ibm1-purple-50"] { color: var(--ox-color-ibm1-purple-50); }
[data-ox-text-color="ibm1-purple-60"] { color: var(--ox-color-ibm1-purple-60); }
[data-ox-text-color="ibm1-purple-70"] { color: var(--ox-color-ibm1-purple-70); }
[data-ox-text-color="ibm1-purple-80"] { color: var(--ox-color-ibm1-purple-80); }
[data-ox-text-color="ibm1-purple-90"] { color: var(--ox-color-ibm1-purple-90); }



/* ibm1 violet */
[data-ox-text-color="ibm1-violet-1"]  { color: var(--ox-color-ibm1-violet-1);  }
[data-ox-text-color="ibm1-violet-10"] { color: var(--ox-color-ibm1-violet-10); }
[data-ox-text-color="ibm1-violet-20"] { color: var(--ox-color-ibm1-violet-20); }
[data-ox-text-color="ibm1-violet-30"] { color: var(--ox-color-ibm1-violet-30); }
[data-ox-text-color="ibm1-violet-40"] { color: var(--ox-color-ibm1-violet-40); }
[data-ox-text-color="ibm1-violet-50"] { color: var(--ox-color-ibm1-violet-50); }
[data-ox-text-color="ibm1-violet-60"] { color: var(--ox-color-ibm1-violet-60); }
[data-ox-text-color="ibm1-violet-70"] { color: var(--ox-color-ibm1-violet-70); }
[data-ox-text-color="ibm1-violet-80"] { color: var(--ox-color-ibm1-violet-80); }
[data-ox-text-color="ibm1-violet-90"] { color: var(--ox-color-ibm1-violet-90); }



/* ibm1 indigo */
[data-ox-text-color="ibm1-indigo-1"]  { color: var(--ox-color-ibm1-indigo-1);  }
[data-ox-text-color="ibm1-indigo-10"] { color: var(--ox-color-ibm1-indigo-10); }
[data-ox-text-color="ibm1-indigo-20"] { color: var(--ox-color-ibm1-indigo-20); }
[data-ox-text-color="ibm1-indigo-30"] { color: var(--ox-color-ibm1-indigo-30); }
[data-ox-text-color="ibm1-indigo-40"] { color: var(--ox-color-ibm1-indigo-40); }
[data-ox-text-color="ibm1-indigo-50"] { color: var(--ox-color-ibm1-indigo-50); }
[data-ox-text-color="ibm1-indigo-60"] { color: var(--ox-color-ibm1-indigo-60); }
[data-ox-text-color="ibm1-indigo-70"] { color: var(--ox-color-ibm1-indigo-70); }
[data-ox-text-color="ibm1-indigo-80"] { color: var(--ox-color-ibm1-indigo-80); }
[data-ox-text-color="ibm1-indigo-90"] { color: var(--ox-color-ibm1-indigo-90); }



/* ibm1 gray */
[data-ox-text-color="ibm1-gray-1"]  { color: var(--ox-color-ibm1-gray-1);  }
[data-ox-text-color="ibm1-gray-10"] { color: var(--ox-color-ibm1-gray-10); }
[data-ox-text-color="ibm1-gray-20"] { color: var(--ox-color-ibm1-gray-20); }
[data-ox-text-color="ibm1-gray-30"] { color: var(--ox-color-ibm1-gray-30); }
[data-ox-text-color="ibm1-gray-40"] { color: var(--ox-color-ibm1-gray-40); }
[data-ox-text-color="ibm1-gray-50"] { color: var(--ox-color-ibm1-gray-50); }
[data-ox-text-color="ibm1-gray-60"] { color: var(--ox-color-ibm1-gray-60); }
[data-ox-text-color="ibm1-gray-70"] { color: var(--ox-color-ibm1-gray-70); }
[data-ox-text-color="ibm1-gray-80"] { color: var(--ox-color-ibm1-gray-80); }
[data-ox-text-color="ibm1-gray-90"] { color: var(--ox-color-ibm1-gray-90); }




/* ibm1 cool-gray */
[data-ox-text-color="ibm1-cool-gray-1"]  { color: var(--ox-color-ibm1-cool-gray-1);  }
[data-ox-text-color="ibm1-cool-gray-10"] { color: var(--ox-color-ibm1-cool-gray-10); }
[data-ox-text-color="ibm1-cool-gray-20"] { color: var(--ox-color-ibm1-cool-gray-20); }
[data-ox-text-color="ibm1-cool-gray-30"] { color: var(--ox-color-ibm1-cool-gray-30); }
[data-ox-text-color="ibm1-cool-gray-40"] { color: var(--ox-color-ibm1-cool-gray-40); }
[data-ox-text-color="ibm1-cool-gray-50"] { color: var(--ox-color-ibm1-cool-gray-50); }
[data-ox-text-color="ibm1-cool-gray-60"] { color: var(--ox-color-ibm1-cool-gray-60); }
[data-ox-text-color="ibm1-cool-gray-70"] { color: var(--ox-color-ibm1-cool-gray-70); }
[data-ox-text-color="ibm1-cool-gray-80"] { color: var(--ox-color-ibm1-cool-gray-80); }
[data-ox-text-color="ibm1-cool-gray-90"] { color: var(--ox-color-ibm1-cool-gray-90); }




/* ibm1 warm-gray */
[data-ox-text-color="ibm1-warm-gray-1"]  { color: var(--ox-color-ibm1-warm-gray-1);  }
[data-ox-text-color="ibm1-warm-gray-10"] { color: var(--ox-color-ibm1-warm-gray-10); }
[data-ox-text-color="ibm1-warm-gray-20"] { color: var(--ox-color-ibm1-warm-gray-20); }
[data-ox-text-color="ibm1-warm-gray-30"] { color: var(--ox-color-ibm1-warm-gray-30); }
[data-ox-text-color="ibm1-warm-gray-40"] { color: var(--ox-color-ibm1-warm-gray-40); }
[data-ox-text-color="ibm1-warm-gray-50"] { color: var(--ox-color-ibm1-warm-gray-50); }
[data-ox-text-color="ibm1-warm-gray-60"] { color: var(--ox-color-ibm1-warm-gray-60); }
[data-ox-text-color="ibm1-warm-gray-70"] { color: var(--ox-color-ibm1-warm-gray-70); }
[data-ox-text-color="ibm1-warm-gray-80"] { color: var(--ox-color-ibm1-warm-gray-80); }
[data-ox-text-color="ibm1-warm-gray-90"] { color: var(--ox-color-ibm1-warm-gray-90); }



/* ibm1 neutral-white */
[data-ox-text-color="ibm1-neutral-white-1"] { color: var(--ox-color-ibm1-neutral-white-1); }
[data-ox-text-color="ibm1-neutral-white-2"] { color: var(--ox-color-ibm1-neutral-white-2); }
[data-ox-text-color="ibm1-neutral-white-3"] { color: var(--ox-color-ibm1-neutral-white-3); }
[data-ox-text-color="ibm1-neutral-white-4"] { color: var(--ox-color-ibm1-neutral-white-4); }



/* ibm1 cool-white */
[data-ox-text-color="ibm1-cool-white-1"] { color: var(--ox-color-ibm1-cool-white-1); }
[data-ox-text-color="ibm1-cool-white-2"] { color: var(--ox-color-ibm1-cool-white-2); }
[data-ox-text-color="ibm1-cool-white-3"] { color: var(--ox-color-ibm1-cool-white-3); }
[data-ox-text-color="ibm1-cool-white-4"] { color: var(--ox-color-ibm1-cool-white-4); }


/* ibm1 warm-white */
[data-ox-text-color="ibm1-warm-white-1"] { color: var(--ox-color-ibm1-warm-white-1); }
[data-ox-text-color="ibm1-warm-white-2"] { color: var(--ox-color-ibm1-warm-white-2); }
[data-ox-text-color="ibm1-warm-white-3"] { color: var(--ox-color-ibm1-warm-white-3); }
[data-ox-text-color="ibm1-warm-white-4"] { color: var(--ox-color-ibm1-warm-white-4); }


/* ============================================================================ */

/* BG */



/* ibm1 blue */
[data-ox-bg-color="ibm1-blue-1"]   { background-color: var(--ox-color-ibm1-blue-1);  }
[data-ox-bg-color="ibm1-blue-10"]  { background-color: var(--ox-color-ibm1-blue-10); }
[data-ox-bg-color="ibm1-blue-20"]  { background-color: var(--ox-color-ibm1-blue-20); }
[data-ox-bg-color="ibm1-blue-30"]  { background-color: var(--ox-color-ibm1-blue-30); }
[data-ox-bg-color="ibm1-blue-40"]  { background-color: var(--ox-color-ibm1-blue-40); }
[data-ox-bg-color="ibm1-blue-50"]  { background-color: var(--ox-color-ibm1-blue-50); }
[data-ox-bg-color="ibm1-blue-60"]  { background-color: var(--ox-color-ibm1-blue-60); }
[data-ox-bg-color="ibm1-blue-70"]  { background-color: var(--ox-color-ibm1-blue-70); }
[data-ox-bg-color="ibm1-blue-80"]  { background-color: var(--ox-color-ibm1-blue-80); }
[data-ox-bg-color="ibm1-blue-90"]  { background-color: var(--ox-color-ibm1-blue-90); }





/* ibm1 ultramarine */
[data-ox-bg-color="ibm1-ultramarine-1"]   { background-color: var(--ox-color-ibm1-ultramarine-1);  }
[data-ox-bg-color="ibm1-ultramarine-10"]  { background-color: var(--ox-color-ibm1-ultramarine-10); }
[data-ox-bg-color="ibm1-ultramarine-20"]  { background-color: var(--ox-color-ibm1-ultramarine-20); }
[data-ox-bg-color="ibm1-ultramarine-30"]  { background-color: var(--ox-color-ibm1-ultramarine-30); }
[data-ox-bg-color="ibm1-ultramarine-40"]  { background-color: var(--ox-color-ibm1-ultramarine-40); }
[data-ox-bg-color="ibm1-ultramarine-50"]  { background-color: var(--ox-color-ibm1-ultramarine-50); }
[data-ox-bg-color="ibm1-ultramarine-60"]  { background-color: var(--ox-color-ibm1-ultramarine-60); }
[data-ox-bg-color="ibm1-ultramarine-70"]  { background-color: var(--ox-color-ibm1-ultramarine-70); }
[data-ox-bg-color="ibm1-ultramarine-80"]  { background-color: var(--ox-color-ibm1-ultramarine-80); }
[data-ox-bg-color="ibm1-ultramarine-90"]  { background-color: var(--ox-color-ibm1-ultramarine-90); }



/* ibm1 cerulean */
[data-ox-bg-color="ibm1-cerulean-1"]   { background-color: var(--ox-color-ibm1-cerulean-1);  }
[data-ox-bg-color="ibm1-cerulean-10"]  { background-color: var(--ox-color-ibm1-cerulean-10); }
[data-ox-bg-color="ibm1-cerulean-20"]  { background-color: var(--ox-color-ibm1-cerulean-20); }
[data-ox-bg-color="ibm1-cerulean-30"]  { background-color: var(--ox-color-ibm1-cerulean-30); }
[data-ox-bg-color="ibm1-cerulean-40"]  { background-color: var(--ox-color-ibm1-cerulean-40); }
[data-ox-bg-color="ibm1-cerulean-50"]  { background-color: var(--ox-color-ibm1-cerulean-50); }
[data-ox-bg-color="ibm1-cerulean-60"]  { background-color: var(--ox-color-ibm1-cerulean-60); }
[data-ox-bg-color="ibm1-cerulean-70"]  { background-color: var(--ox-color-ibm1-cerulean-70); }
[data-ox-bg-color="ibm1-cerulean-80"]  { background-color: var(--ox-color-ibm1-cerulean-80); }
[data-ox-bg-color="ibm1-cerulean-90"]  { background-color: var(--ox-color-ibm1-cerulean-90); }


/* ibm1 aqua */
[data-ox-bg-color="ibm1-aqua-1"]   { background-color: var(--ox-color-ibm1-aqua-1);  }
[data-ox-bg-color="ibm1-aqua-10"]  { background-color: var(--ox-color-ibm1-aqua-10); }
[data-ox-bg-color="ibm1-aqua-20"]  { background-color: var(--ox-color-ibm1-aqua-20); }
[data-ox-bg-color="ibm1-aqua-30"]  { background-color: var(--ox-color-ibm1-aqua-30); }
[data-ox-bg-color="ibm1-aqua-40"]  { background-color: var(--ox-color-ibm1-aqua-40); }
[data-ox-bg-color="ibm1-aqua-50"]  { background-color: var(--ox-color-ibm1-aqua-50); }
[data-ox-bg-color="ibm1-aqua-60"]  { background-color: var(--ox-color-ibm1-aqua-60); }
[data-ox-bg-color="ibm1-aqua-70"]  { background-color: var(--ox-color-ibm1-aqua-70); }
[data-ox-bg-color="ibm1-aqua-80"]  { background-color: var(--ox-color-ibm1-aqua-80); }
[data-ox-bg-color="ibm1-aqua-90"]  { background-color: var(--ox-color-ibm1-aqua-90); }




/* ibm1 teal */
[data-ox-bg-color="ibm1-teal-1"]   { background-color: var(--ox-color-ibm1-teal-1);  }
[data-ox-bg-color="ibm1-teal-10"]  { background-color: var(--ox-color-ibm1-teal-10); }
[data-ox-bg-color="ibm1-teal-20"]  { background-color: var(--ox-color-ibm1-teal-20); }
[data-ox-bg-color="ibm1-teal-30"]  { background-color: var(--ox-color-ibm1-teal-30); }
[data-ox-bg-color="ibm1-teal-40"]  { background-color: var(--ox-color-ibm1-teal-40); }
[data-ox-bg-color="ibm1-teal-50"]  { background-color: var(--ox-color-ibm1-teal-50); }
[data-ox-bg-color="ibm1-teal-60"]  { background-color: var(--ox-color-ibm1-teal-60); }
[data-ox-bg-color="ibm1-teal-70"]  { background-color: var(--ox-color-ibm1-teal-70); }
[data-ox-bg-color="ibm1-teal-80"]  { background-color: var(--ox-color-ibm1-teal-80); }
[data-ox-bg-color="ibm1-teal-90"]  { background-color: var(--ox-color-ibm1-teal-90); }


/* ibm1 green */
[data-ox-bg-color="ibm1-green-1"]   { background-color: var(--ox-color-ibm1-green-1);  }
[data-ox-bg-color="ibm1-green-10"]  { background-color: var(--ox-color-ibm1-green-10); }
[data-ox-bg-color="ibm1-green-20"]  { background-color: var(--ox-color-ibm1-green-20); }
[data-ox-bg-color="ibm1-green-30"]  { background-color: var(--ox-color-ibm1-green-30); }
[data-ox-bg-color="ibm1-green-40"]  { background-color: var(--ox-color-ibm1-green-40); }
[data-ox-bg-color="ibm1-green-50"]  { background-color: var(--ox-color-ibm1-green-50); }
[data-ox-bg-color="ibm1-green-60"]  { background-color: var(--ox-color-ibm1-green-60); }
[data-ox-bg-color="ibm1-green-70"]  { background-color: var(--ox-color-ibm1-green-70); }
[data-ox-bg-color="ibm1-green-80"]  { background-color: var(--ox-color-ibm1-green-80); }
[data-ox-bg-color="ibm1-green-90"]  { background-color: var(--ox-color-ibm1-green-90); }




/* ibm1 lime */
[data-ox-bg-color="ibm1-lime-1"]   { background-color: var(--ox-color-ibm1-lime-1);  }
[data-ox-bg-color="ibm1-lime-10"]  { background-color: var(--ox-color-ibm1-lime-10); }
[data-ox-bg-color="ibm1-lime-20"]  { background-color: var(--ox-color-ibm1-lime-20); }
[data-ox-bg-color="ibm1-lime-30"]  { background-color: var(--ox-color-ibm1-lime-30); }
[data-ox-bg-color="ibm1-lime-40"]  { background-color: var(--ox-color-ibm1-lime-40); }
[data-ox-bg-color="ibm1-lime-50"]  { background-color: var(--ox-color-ibm1-lime-50); }
[data-ox-bg-color="ibm1-lime-60"]  { background-color: var(--ox-color-ibm1-lime-60); }
[data-ox-bg-color="ibm1-lime-70"]  { background-color: var(--ox-color-ibm1-lime-70); }
[data-ox-bg-color="ibm1-lime-80"]  { background-color: var(--ox-color-ibm1-lime-80); }
[data-ox-bg-color="ibm1-lime-90"]  { background-color: var(--ox-color-ibm1-lime-90); }



/* ibm1 yellow */
[data-ox-bg-color="ibm1-yellow-1"]   { background-color: var(--ox-color-ibm1-yellow-1);  }
[data-ox-bg-color="ibm1-yellow-10"]  { background-color: var(--ox-color-ibm1-yellow-10); }
[data-ox-bg-color="ibm1-yellow-20"]  { background-color: var(--ox-color-ibm1-yellow-20); }
[data-ox-bg-color="ibm1-yellow-30"]  { background-color: var(--ox-color-ibm1-yellow-30); }
[data-ox-bg-color="ibm1-yellow-40"]  { background-color: var(--ox-color-ibm1-yellow-40); }
[data-ox-bg-color="ibm1-yellow-50"]  { background-color: var(--ox-color-ibm1-yellow-50); }
[data-ox-bg-color="ibm1-yellow-60"]  { background-color: var(--ox-color-ibm1-yellow-60); }
[data-ox-bg-color="ibm1-yellow-70"]  { background-color: var(--ox-color-ibm1-yellow-70); }
[data-ox-bg-color="ibm1-yellow-80"]  { background-color: var(--ox-color-ibm1-yellow-80); }
[data-ox-bg-color="ibm1-yellow-90"]  { background-color: var(--ox-color-ibm1-yellow-90); }



/* ibm1 gold */
[data-ox-bg-color="ibm1-gold-1"]   { background-color: var(--ox-color-ibm1-gold-1);  }
[data-ox-bg-color="ibm1-gold-10"]  { background-color: var(--ox-color-ibm1-gold-10); }
[data-ox-bg-color="ibm1-gold-20"]  { background-color: var(--ox-color-ibm1-gold-20); }
[data-ox-bg-color="ibm1-gold-30"]  { background-color: var(--ox-color-ibm1-gold-30); }
[data-ox-bg-color="ibm1-gold-40"]  { background-color: var(--ox-color-ibm1-gold-40); }
[data-ox-bg-color="ibm1-gold-50"]  { background-color: var(--ox-color-ibm1-gold-50); }
[data-ox-bg-color="ibm1-gold-60"]  { background-color: var(--ox-color-ibm1-gold-60); }
[data-ox-bg-color="ibm1-gold-70"]  { background-color: var(--ox-color-ibm1-gold-70); }
[data-ox-bg-color="ibm1-gold-80"]  { background-color: var(--ox-color-ibm1-gold-80); }
[data-ox-bg-color="ibm1-gold-90"]  { background-color: var(--ox-color-ibm1-gold-90); }







/* ibm1 orange */
[data-ox-bg-color="ibm1-orange-1"]   { background-color: var(--ox-color-ibm1-orange-1);  }
[data-ox-bg-color="ibm1-orange-10"]  { background-color: var(--ox-color-ibm1-orange-10); }
[data-ox-bg-color="ibm1-orange-20"]  { background-color: var(--ox-color-ibm1-orange-20); }
[data-ox-bg-color="ibm1-orange-30"]  { background-color: var(--ox-color-ibm1-orange-30); }
[data-ox-bg-color="ibm1-orange-40"]  { background-color: var(--ox-color-ibm1-orange-40); }
[data-ox-bg-color="ibm1-orange-50"]  { background-color: var(--ox-color-ibm1-orange-50); }
[data-ox-bg-color="ibm1-orange-60"]  { background-color: var(--ox-color-ibm1-orange-60); }
[data-ox-bg-color="ibm1-orange-70"]  { background-color: var(--ox-color-ibm1-orange-70); }
[data-ox-bg-color="ibm1-orange-80"]  { background-color: var(--ox-color-ibm1-orange-80); }
[data-ox-bg-color="ibm1-orange-90"]  { background-color: var(--ox-color-ibm1-orange-90); }




/* ibm1 peach */
[data-ox-bg-color="ibm1-peach-1"]   { background-color: var(--ox-color-ibm1-peach-1);  }
[data-ox-bg-color="ibm1-peach-10"]  { background-color: var(--ox-color-ibm1-peach-10); }
[data-ox-bg-color="ibm1-peach-20"]  { background-color: var(--ox-color-ibm1-peach-20); }
[data-ox-bg-color="ibm1-peach-30"]  { background-color: var(--ox-color-ibm1-peach-30); }
[data-ox-bg-color="ibm1-peach-40"]  { background-color: var(--ox-color-ibm1-peach-40); }
[data-ox-bg-color="ibm1-peach-50"]  { background-color: var(--ox-color-ibm1-peach-50); }
[data-ox-bg-color="ibm1-peach-60"]  { background-color: var(--ox-color-ibm1-peach-60); }
[data-ox-bg-color="ibm1-peach-70"]  { background-color: var(--ox-color-ibm1-peach-70); }
[data-ox-bg-color="ibm1-peach-80"]  { background-color: var(--ox-color-ibm1-peach-80); }
[data-ox-bg-color="ibm1-peach-90"]  { background-color: var(--ox-color-ibm1-peach-90); }




/* ibm1 red */
[data-ox-bg-color="ibm1-red-1"]   { background-color: var(--ox-color-ibm1-red-1);  }
[data-ox-bg-color="ibm1-red-10"]  { background-color: var(--ox-color-ibm1-red-10); }
[data-ox-bg-color="ibm1-red-20"]  { background-color: var(--ox-color-ibm1-red-20); }
[data-ox-bg-color="ibm1-red-30"]  { background-color: var(--ox-color-ibm1-red-30); }
[data-ox-bg-color="ibm1-red-40"]  { background-color: var(--ox-color-ibm1-red-40); }
[data-ox-bg-color="ibm1-red-50"]  { background-color: var(--ox-color-ibm1-red-50); }
[data-ox-bg-color="ibm1-red-60"]  { background-color: var(--ox-color-ibm1-red-60); }
[data-ox-bg-color="ibm1-red-70"]  { background-color: var(--ox-color-ibm1-red-70); }
[data-ox-bg-color="ibm1-red-80"]  { background-color: var(--ox-color-ibm1-red-80); }
[data-ox-bg-color="ibm1-red-90"]  { background-color: var(--ox-color-ibm1-red-90); }





/* ibm1 magenta */
[data-ox-bg-color="ibm1-magenta-1"]   { background-color: var(--ox-color-ibm1-magenta-1);  }
[data-ox-bg-color="ibm1-magenta-10"]  { background-color: var(--ox-color-ibm1-magenta-10); }
[data-ox-bg-color="ibm1-magenta-20"]  { background-color: var(--ox-color-ibm1-magenta-20); }
[data-ox-bg-color="ibm1-magenta-30"]  { background-color: var(--ox-color-ibm1-magenta-30); }
[data-ox-bg-color="ibm1-magenta-40"]  { background-color: var(--ox-color-ibm1-magenta-40); }
[data-ox-bg-color="ibm1-magenta-50"]  { background-color: var(--ox-color-ibm1-magenta-50); }
[data-ox-bg-color="ibm1-magenta-60"]  { background-color: var(--ox-color-ibm1-magenta-60); }
[data-ox-bg-color="ibm1-magenta-70"]  { background-color: var(--ox-color-ibm1-magenta-70); }
[data-ox-bg-color="ibm1-magenta-80"]  { background-color: var(--ox-color-ibm1-magenta-80); }
[data-ox-bg-color="ibm1-magenta-90"]  { background-color: var(--ox-color-ibm1-magenta-90); }




/* ibm1 purple */
[data-ox-bg-color="ibm1-purple-1"]   { background-color: var(--ox-color-ibm1-purple-1);  }
[data-ox-bg-color="ibm1-purple-10"]  { background-color: var(--ox-color-ibm1-purple-10); }
[data-ox-bg-color="ibm1-purple-20"]  { background-color: var(--ox-color-ibm1-purple-20); }
[data-ox-bg-color="ibm1-purple-30"]  { background-color: var(--ox-color-ibm1-purple-30); }
[data-ox-bg-color="ibm1-purple-40"]  { background-color: var(--ox-color-ibm1-purple-40); }
[data-ox-bg-color="ibm1-purple-50"]  { background-color: var(--ox-color-ibm1-purple-50); }
[data-ox-bg-color="ibm1-purple-60"]  { background-color: var(--ox-color-ibm1-purple-60); }
[data-ox-bg-color="ibm1-purple-70"]  { background-color: var(--ox-color-ibm1-purple-70); }
[data-ox-bg-color="ibm1-purple-80"]  { background-color: var(--ox-color-ibm1-purple-80); }
[data-ox-bg-color="ibm1-purple-90"]  { background-color: var(--ox-color-ibm1-purple-90); }



/* ibm1 violet */
[data-ox-bg-color="ibm1-violet-1"]   { background-color: var(--ox-color-ibm1-violet-1);  }
[data-ox-bg-color="ibm1-violet-10"]  { background-color: var(--ox-color-ibm1-violet-10); }
[data-ox-bg-color="ibm1-violet-20"]  { background-color: var(--ox-color-ibm1-violet-20); }
[data-ox-bg-color="ibm1-violet-30"]  { background-color: var(--ox-color-ibm1-violet-30); }
[data-ox-bg-color="ibm1-violet-40"]  { background-color: var(--ox-color-ibm1-violet-40); }
[data-ox-bg-color="ibm1-violet-50"]  { background-color: var(--ox-color-ibm1-violet-50); }
[data-ox-bg-color="ibm1-violet-60"]  { background-color: var(--ox-color-ibm1-violet-60); }
[data-ox-bg-color="ibm1-violet-70"]  { background-color: var(--ox-color-ibm1-violet-70); }
[data-ox-bg-color="ibm1-violet-80"]  { background-color: var(--ox-color-ibm1-violet-80); }
[data-ox-bg-color="ibm1-violet-90"]  { background-color: var(--ox-color-ibm1-violet-90); }



/* ibm1 indigo */
[data-ox-bg-color="ibm1-indigo-1"]   { background-color: var(--ox-color-ibm1-indigo-1);  }
[data-ox-bg-color="ibm1-indigo-10"]  { background-color: var(--ox-color-ibm1-indigo-10); }
[data-ox-bg-color="ibm1-indigo-20"]  { background-color: var(--ox-color-ibm1-indigo-20); }
[data-ox-bg-color="ibm1-indigo-30"]  { background-color: var(--ox-color-ibm1-indigo-30); }
[data-ox-bg-color="ibm1-indigo-40"]  { background-color: var(--ox-color-ibm1-indigo-40); }
[data-ox-bg-color="ibm1-indigo-50"]  { background-color: var(--ox-color-ibm1-indigo-50); }
[data-ox-bg-color="ibm1-indigo-60"]  { background-color: var(--ox-color-ibm1-indigo-60); }
[data-ox-bg-color="ibm1-indigo-70"]  { background-color: var(--ox-color-ibm1-indigo-70); }
[data-ox-bg-color="ibm1-indigo-80"]  { background-color: var(--ox-color-ibm1-indigo-80); }
[data-ox-bg-color="ibm1-indigo-90"]  { background-color: var(--ox-color-ibm1-indigo-90); }




/* ibm1 gray */
[data-ox-bg-color="ibm1-gray-1"]   { background-color: var(--ox-color-ibm1-gray-1);  }
[data-ox-bg-color="ibm1-gray-10"]  { background-color: var(--ox-color-ibm1-gray-10); }
[data-ox-bg-color="ibm1-gray-20"]  { background-color: var(--ox-color-ibm1-gray-20); }
[data-ox-bg-color="ibm1-gray-30"]  { background-color: var(--ox-color-ibm1-gray-30); }
[data-ox-bg-color="ibm1-gray-40"]  { background-color: var(--ox-color-ibm1-gray-40); }
[data-ox-bg-color="ibm1-gray-50"]  { background-color: var(--ox-color-ibm1-gray-50); }
[data-ox-bg-color="ibm1-gray-60"]  { background-color: var(--ox-color-ibm1-gray-60); }
[data-ox-bg-color="ibm1-gray-70"]  { background-color: var(--ox-color-ibm1-gray-70); }
[data-ox-bg-color="ibm1-gray-80"]  { background-color: var(--ox-color-ibm1-gray-80); }
[data-ox-bg-color="ibm1-gray-90"]  { background-color: var(--ox-color-ibm1-gray-90); }





/* ibm1 cool-gray */
[data-ox-bg-color="ibm1-cool-gray-1"]   { background-color: var(--ox-color-ibm1-cool-gray-1);  }
[data-ox-bg-color="ibm1-cool-gray-10"]  { background-color: var(--ox-color-ibm1-cool-gray-10); }
[data-ox-bg-color="ibm1-cool-gray-20"]  { background-color: var(--ox-color-ibm1-cool-gray-20); }
[data-ox-bg-color="ibm1-cool-gray-30"]  { background-color: var(--ox-color-ibm1-cool-gray-30); }
[data-ox-bg-color="ibm1-cool-gray-40"]  { background-color: var(--ox-color-ibm1-cool-gray-40); }
[data-ox-bg-color="ibm1-cool-gray-50"]  { background-color: var(--ox-color-ibm1-cool-gray-50); }
[data-ox-bg-color="ibm1-cool-gray-60"]  { background-color: var(--ox-color-ibm1-cool-gray-60); }
[data-ox-bg-color="ibm1-cool-gray-70"]  { background-color: var(--ox-color-ibm1-cool-gray-70); }
[data-ox-bg-color="ibm1-cool-gray-80"]  { background-color: var(--ox-color-ibm1-cool-gray-80); }
[data-ox-bg-color="ibm1-cool-gray-90"]  { background-color: var(--ox-color-ibm1-cool-gray-90); }



/* ibm1 warm-gray */
[data-ox-bg-color="ibm1-warm-gray-1"]   { background-color: var(--ox-color-ibm1-warm-gray-1);  }
[data-ox-bg-color="ibm1-warm-gray-10"]  { background-color: var(--ox-color-ibm1-warm-gray-10); }
[data-ox-bg-color="ibm1-warm-gray-20"]  { background-color: var(--ox-color-ibm1-warm-gray-20); }
[data-ox-bg-color="ibm1-warm-gray-30"]  { background-color: var(--ox-color-ibm1-warm-gray-30); }
[data-ox-bg-color="ibm1-warm-gray-40"]  { background-color: var(--ox-color-ibm1-warm-gray-40); }
[data-ox-bg-color="ibm1-warm-gray-50"]  { background-color: var(--ox-color-ibm1-warm-gray-50); }
[data-ox-bg-color="ibm1-warm-gray-60"]  { background-color: var(--ox-color-ibm1-warm-gray-60); }
[data-ox-bg-color="ibm1-warm-gray-70"]  { background-color: var(--ox-color-ibm1-warm-gray-70); }
[data-ox-bg-color="ibm1-warm-gray-80"]  { background-color: var(--ox-color-ibm1-warm-gray-80); }
[data-ox-bg-color="ibm1-warm-gray-90"]  { background-color: var(--ox-color-ibm1-warm-gray-90); }



/* ibm1 neutral-white */
[data-ox-bg-color="ibm1-neutral-white-1"]  { background-color: var(--ox-color-ibm1-neutral-white-1); }
[data-ox-bg-color="ibm1-neutral-white-2"]  { background-color: var(--ox-color-ibm1-neutral-white-2); }
[data-ox-bg-color="ibm1-neutral-white-3"]  { background-color: var(--ox-color-ibm1-neutral-white-3); }
[data-ox-bg-color="ibm1-neutral-white-4"]  { background-color: var(--ox-color-ibm1-neutral-white-4); }



/* ibm1 cool-white */
[data-ox-bg-color="ibm1-cool-white-1"]  { background-color: var(--ox-color-ibm1-cool-white-1); }
[data-ox-bg-color="ibm1-cool-white-2"]  { background-color: var(--ox-color-ibm1-cool-white-2); }
[data-ox-bg-color="ibm1-cool-white-3"]  { background-color: var(--ox-color-ibm1-cool-white-3); }
[data-ox-bg-color="ibm1-cool-white-4"]  { background-color: var(--ox-color-ibm1-cool-white-4); }



/* ibm1 warm-white */
[data-ox-bg-color="ibm1-warm-white-1"]  { background-color: var(--ox-color-ibm1-warm-white-1); }
[data-ox-bg-color="ibm1-warm-white-2"]  { background-color: var(--ox-color-ibm1-warm-white-2); }
[data-ox-bg-color="ibm1-warm-white-3"]  { background-color: var(--ox-color-ibm1-warm-white-3); }
[data-ox-bg-color="ibm1-warm-white-4"]  { background-color: var(--ox-color-ibm1-warm-white-4); }


/* ============================================================================ */