:root {
    /* 
    kite color palette 
    -------------------------------------- */

    /* HEX */
    --kite-white: #ffffff;
    --kite-black: #000000;
    --kite-gray-10: #fafafa;
    --kite-gray-20: #f7f7f7;
    --kite-gray-30: #f1f1f1;
    --kite-gray-40: #e8e8e8;
    --kite-gray-50: #dadada;
    --kite-gray-60: #c8c8c8;
    --kite-gray-70: #b3b3b3;
    --kite-gray-80: #979797;
    --kite-gray-90: #757575;
    --kite-gray-100: #5c5c5c;
    --kite-gray-110: #474747;
    --kite-gray-120: #333333;
    --kite-gray-130: #242424;
    --kite-gray-140: #1a1a1a;
    --kite-gray-150: #121212;
    --kite-gray-160: #0f0f0f;
    --kite-blue-10: #ecf6ff;
    --kite-blue-20: #d8edff;
    --kite-blue-30: #c1e3ff;
    --kite-blue-40: #a1d5ff;
    --kite-blue-50: #76c1ff;
    --kite-blue-60: #45aafd;
    --kite-blue-70: #188eef;
    --kite-blue-80: #0076d6;
    --kite-blue-90: #0068bc;
    --kite-blue-100: #005aa3;
    --kite-blue-110: #004c8a;
    --kite-blue-120: #003e70;
    --kite-blue-130: #002f56;
    --kite-blue-140: #00223d;
    --kite-blue-150: #001c32;
    --kite-blue-160: #001220;
    --kite-orange-10: #fff6ec;
    --kite-orange-20: #ffefdd;
    --kite-orange-30: #ffe4c4;
    --kite-orange-40: #ffd5a3;
    --kite-orange-50: #ffc174;
    --kite-orange-60: #ffab44;
    --kite-orange-70: #ff9819;
    --kite-orange-80: #f58700;
    --kite-orange-90: #d77700;
    --kite-orange-100: #ac5f00;
    --kite-orange-110: #8a4c00;
    --kite-orange-120: #703e00;
    --kite-orange-130: #563205;
    --kite-orange-140: #3d2200;
    --kite-orange-150: #291700;
    --kite-orange-160: #1a0e00;
    --kite-red-10: #ffeeec;
    --kite-red-20: #ffdfdd;
    --kite-red-30: #ffc9c5;
    --kite-red-40: #ffa39c;
    --kite-red-50: #ff7c70;
    --kite-red-60: #ff4b3b;
    --kite-red-70: #ff2814;
    --kite-red-80: #eb1400;
    --kite-red-90: #d11100;
    --kite-red-100: #ad0f00;
    --kite-red-110: #8c0b00;
    --kite-red-120: #700900;
    --kite-red-130: #560700;
    --kite-red-140: #3d0500;
    --kite-red-150: #2a0400;
    --kite-red-160: #1a0300;
    --kite-green-10: #e4fae4;
    --kite-green-20: #d2f7d2;
    --kite-green-30: #b8f2b8;
    --kite-green-40: #93eb93;
    --kite-green-50: #66e066;
    --kite-green-60: #3bd63b;
    --kite-green-70: #17c817;
    --kite-green-80: #00b700;
    --kite-green-90: #00a700;
    --kite-green-100: #009700;
    --kite-green-110: #008500;
    --kite-green-120: #006f00;
    --kite-green-130: #005600;
    --kite-green-140: #003d00;
    --kite-green-150: #002a00;
    --kite-green-160: #002000;
    --kite-yellow-10: #fffbec;
    --kite-yellow-20: #fff8dd;
    --kite-yellow-30: #fff3c4;
    --kite-yellow-40: #ffeda3;
    --kite-yellow-50: #ffe374;
    --kite-yellow-60: #ffda44;
    --kite-yellow-70: #ffd119;
    --kite-yellow-80: #f5c400;
    --kite-yellow-90: #d7ac00;
    --kite-yellow-100: #ac8a00;
    --kite-yellow-110: #8a6e00;
    --kite-yellow-120: #705a00;
    --kite-yellow-130: #564605;
    --kite-yellow-140: #3d3100;
    --kite-yellow-150: #292100;
    --kite-yellow-160: #1a1500;

    /* RGB */
    --kite-gray-10-rgb: 250,250,250;
    --kite-gray-20-rgb: 247,247,247;
    --kite-gray-30-rgb: 241,241,241;
    --kite-gray-40-rgb: 232,232,232;
    --kite-gray-50-rgb: 218,218,218;
    --kite-gray-60-rgb: 200,200,200;
    --kite-gray-70-rgb: 179,179,179;
    --kite-gray-80-rgb: 151,151,151;
    --kite-gray-90-rgb: 117,117,117;
    --kite-gray-100-rgb: 92,92,92;
    --kite-gray-110-rgb: 71,71,71;
    --kite-gray-120-rgb: 51,51,51;
    --kite-gray-130-rgb: 36,36,36;
    --kite-gray-140-rgb: 26,26,26;
    --kite-gray-150-rgb: 18,18,18;
    --kite-gray-160-rgb: 15,15,15;
    --kite-blue-10-rgb: 236,246,255;
    --kite-blue-20-rgb: 216,237,255;
    --kite-blue-30-rgb: 193,227,255;
    --kite-blue-40-rgb: 161,213,255;
    --kite-blue-50-rgb: 118,193,255;
    --kite-blue-60-rgb: 69,170,253;
    --kite-blue-70-rgb: 24,142,239;
    --kite-blue-80-rgb: 0,118,214;
    --kite-blue-90-rgb: 0,104,188;
    --kite-blue-100-rgb: 0,90,163;
    --kite-blue-110-rgb: 0,76,138;
    --kite-blue-120-rgb: 0,62,112;
    --kite-blue-130-rgb: 0,47,86;
    --kite-blue-140-rgb: 0,34,61;
    --kite-blue-150-rgb: 0,28,50;
    --kite-blue-160-rgb: 0,18,32;
    --kite-orange-10-rgb: 255,246,236;
    --kite-orange-20-rgb: 255,239,221;
    --kite-orange-30-rgb: 255,228,196;
    --kite-orange-40-rgb: 255,213,163;
    --kite-orange-50-rgb: 255,193,116;
    --kite-orange-60-rgb: 255,171,68;
    --kite-orange-70-rgb: 255,152,25;
    --kite-orange-80-rgb: 245,135,0;
    --kite-orange-90-rgb: 215,119,0;
    --kite-orange-100-rgb: 172,95,0;
    --kite-orange-110-rgb: 138,76,0;
    --kite-orange-120-rgb: 112,62,0;
    --kite-orange-130-rgb: 86,50,5;
    --kite-orange-140-rgb: 61,34,0;
    --kite-orange-150-rgb: 41,23,0;
    --kite-orange-160-rgb: 26,14,0;
    --kite-red-10-rgb: 255,238,236;
    --kite-red-20-rgb: 255,223,221;
    --kite-red-30-rgb: 255,201,197;
    --kite-red-40-rgb: 255,163,156;
    --kite-red-50-rgb: 255,124,112;
    --kite-red-60-rgb: 255,75,59;
    --kite-red-70-rgb: 255,40,20;
    --kite-red-80-rgb: 235,20,0;
    --kite-red-90-rgb: 209,17,0;
    --kite-red-100-rgb: 173,15,0;
    --kite-red-110-rgb: 140,11,0;
    --kite-red-120-rgb: 112,9,0;
    --kite-red-130-rgb: 86,7,0;
    --kite-red-140-rgb: 61,5,0;
    --kite-red-150-rgb: 42,4,0;
    --kite-red-160-rgb: 26,3,0;
    --kite-green-10-rgb: 228,250,228;
    --kite-green-20-rgb: 210,247,210;
    --kite-green-30-rgb: 184,242,184;
    --kite-green-40-rgb: 147,235,147;
    --kite-green-50-rgb: 102,224,102;
    --kite-green-60-rgb: 59,214,59;
    --kite-green-70-rgb: 23,200,23;
    --kite-green-80-rgb: 0,183,0;
    --kite-green-90-rgb: 0,167,0;
    --kite-green-100-rgb: 0,151,0;
    --kite-green-110-rgb: 0,133,0;
    --kite-green-120-rgb: 0,111,0;
    --kite-green-130-rgb: 0,86,0;
    --kite-green-140-rgb: 0,61,0;
    --kite-green-150-rgb: 0,42,0;
    --kite-green-160-rgb: 0,32,0;
    --kite-yellow-10-rgb: 255,251,236;
    --kite-yellow-20-rgb: 255,248,221;
    --kite-yellow-30-rgb: 255,243,196;
    --kite-yellow-40-rgb: 255,237,163;
    --kite-yellow-50-rgb: 255,227,116;
    --kite-yellow-60-rgb: 255,218,68;
    --kite-yellow-70-rgb: 255,209,25;
    --kite-yellow-80-rgb: 245,196,0;
    --kite-yellow-90-rgb: 215,172,0;
    --kite-yellow-100-rgb: 172,138,0;
    --kite-yellow-110-rgb: 138,110,0;
    --kite-yellow-120-rgb: 112,90,0;
    --kite-yellow-130-rgb: 86,70,5;
    --kite-yellow-140-rgb: 61,49,0;
    --kite-yellow-150-rgb: 41,33,0;
    --kite-yellow-160-rgb: 26,21,0;
    
    /* 
    kite semantic color 
    -------------------------------------- */
    --kite-brand: var(--kite-blue-120);
    --kite-accent: var(--kite-blue-90);
    --kite-text-link: #326691;
    --kite-text-primary: var(--kite-gray-120);
    --kite-text-muted: var(--kite-gray-90);
    --kite-border-primary: var(--kite-gray-50);
    --kite-bg-blue: rgba(var(--kite-blue-120-rgb), 0.06);
    --kite-bg-gray: var(--kite-gray-20);
    --kite-btn-primary: var(--kite-blue-90);
    --kite-btn-link: #326691;
    --kite-form-border: rgba(var(--kite-gray-100-rgb), .3);

    --kite-file-pdf: var(--kite-red-90);
    --kite-file-csv: var(--kite-green-90);
    --kite-file-xls: var(--kite-green-90);
    --kite-file-doc: var(--kite-blue-90);
    --kite-file-filder: var(--kite-blue-90);

    --kite-up: var(--kite-green-90);
    --kite-down: var(--kite-red-90);
    --kite-bg-up: rgba(var(--kite-green-90-rgb), .1);
    --kite-bg-down: rgba(var(--kite-red-90-rgb), .1);
}