:root {
    /*--0-WHITE--*/
    --tn-color-no-shade: #ffffff;
    /*--1-BLUE--*/
    --tn-color-one-shade1: #D6EEFF;
    --tn-color-one-shade2: #B3DEFF;
    --tn-color-one-shade3: #99D4FF;
    --tn-color-one-shade4: #66BEFF;
    --tn-color-one-shade5: #33A8FF;
    --tn-color-one-shade6: #0092FF;
    --tn-color-one-shade7: #005AB8;
    --tn-color-one-shade8: #003266;
    --tn-color-one-shade9: #001F3F;
    --tn-color-one-shade10: #00172E;
    /*--2-ORANGE--*/
    --tn-color-two-shade1: #FFFAEB;
    --tn-color-two-shade2: #FFF2CC;
    --tn-color-two-shade3: #FFECB3;
    --tn-color-two-shade4: #FFE186;
    --tn-color-two-shade5: #FFD659;
    --tn-color-two-shade6: #FFC107;
    --tn-color-two-shade7: #FAA500;
    --tn-color-two-shade8: #FA8700;
    --tn-color-two-shade9: #E56E00;
    --tn-color-two-shade10: #B25600;
    /*--3-INDIGO--*/
    --tn-color-three-shade1: #F3F4FB;
    --tn-color-three-shade2: #EBECF9;
    --tn-color-three-shade3: #D7D9F4;
    --tn-color-three-shade4: #C2C6EF;
    --tn-color-three-shade5: #AEB3EA;
    --tn-color-three-shade6: #969CE3;
    --tn-color-three-shade7: #7A81DC;
    --tn-color-three-shade8: #4954CF;
    --tn-color-three-shade9: #2F39B2;
    --tn-color-three-shade10: #202779;
    /*--4-CYAN--*/
    --tn-color-four-shade1: #E5FBFF;
    --tn-color-four-shade2: #C8FCFF;
    --tn-color-four-shade3: #B3FBFF;
    --tn-color-four-shade4: #95F9FF;
    --tn-color-four-shade5: #66F6FF;
    --tn-color-four-shade6: #00ECFB;
    --tn-color-four-shade7: #00D4FF;
    --tn-color-four-shade8: #00AACC;
    --tn-color-four-shade9: #0094B2;
    --tn-color-four-shade10: #007F99;
    /*--5-GREEN--*/
    --tn-color-five-shade1: #D2F9EC;
    --tn-color-five-shade2: #A7FCE0;
    --tn-color-five-shade3: #83F7D0;
    --tn-color-five-shade4: #61F1C1;
    --tn-color-five-shade5: #43E9B2;
    --tn-color-five-shade6: #1FE0A0;
    --tn-color-five-shade7: #1CC990;
    --tn-color-five-shade8: #19B380;
    --tn-color-five-shade9: #169D70;
    --tn-color-five-shade10: #107050;
    /*--6-RED--*/
    --tn-color-six-shade1: #FDE7E7;
    --tn-color-six-shade2: #FBD0D0;
    --tn-color-six-shade3: #F9B9B9;
    --tn-color-six-shade4: #F7A1A1;
    --tn-color-six-shade5: #F58989;
    --tn-color-six-shade6: #F37272;
    --tn-color-six-shade7: #F15A5B;
    --tn-color-six-shade8: #EF4343;
    --tn-color-six-shade9: #ED2C2C;
    --tn-color-six-shade10: #D41212;
    /*--7-GRAY--*/
    --tn-color-seven-shade1: #F8F8F8;
    --tn-color-seven-shade2: #EDEDED;
    --tn-color-seven-shade3: #E0E0E0;
    --tn-color-seven-shade4: #D4D4D4;
    --tn-color-seven-shade5: #BFBFBF;
    --tn-color-seven-shade6: #A6A6A6;
    --tn-color-seven-shade7: #8C8C8C;
    --tn-color-seven-shade8: #666666;
    --tn-color-seven-shade9: #4D4D4D;
    --tn-color-seven-shade10: #333333;

    /*--TEXT COLORS--*/
    --tn-color-text-shade1: #003266;
    --tn-color-text-shade2: #1A4775;
    --tn-color-text-shade3: #335B85;
    --tn-color-text-shade4: #4D7094;
    --tn-color-text-shade5: #6684A3;
    --tn-color-text-shade6: #8099B3;
    --tn-color-text-shade7: #99ADC2;
    --tn-color-text-shade8: #B3C2D1;
    --tn-color-text-shade9: #CCD6E0;
    --tn-color-text-shade10: #E6EBF0;


    /*--NO COLOR--*/
    --color-tn-white: #FFFFFF;
    --color-tn-whiteRGB: 255,255,255;
    /*--PRIMARY COLORS--*/
    --color-tn-primary: #001F3F;
    --color-tn-primaryRGB: 0,31,63;
    --color-tn-primarylight: #0092ff;
    --color-tn-primarylightRGB: 0,146,255;
    --color-tn-primarymedium: #003266;
    --color-tn-primarymediumRGB: 0,50,102;
    --color-tn-primarydark: #00172E;
    --color-tn-primarydarkRGB: 0,23,46;
    /*--SECONDARY COLORS--*/
    --color-tn-secondary: #FFC107;
    --color-tn-secondaryRGB: 255,193,7;
    --color-tn-secondarylight: #FFD557;
    --color-tn-secondarylightRGB: 255,213,87;
    --color-tn-secondarymedium: #FAA500;
    --color-tn-secondarymediumRGB: 250,165,0;
    --color-tn-secondarydark: #FA8700;
    --color-tn-secondarydarkRGB: 250,135,0;
    /*--TERTIARY COLORS--*/
    --color-tn-tertiary: #2F39B2;
    --color-tn-tertiaryRGB: 47,57,178;
    --color-tn-tertiarylight: #7A81DC;
    --color-tn-tertiarylightRGB: 122,129,220;
    --color-tn-tertiarymedium: #4954CF;
    --color-tn-tertiarymediumRGB: 73,84,207;
    --color-tn-tertiarydark: #202779;
    --color-tn-tertiarydarkRGB: 32,39,121;
    /*--ACCENT COLORS--*/
    --color-tn-accent: #00D4FF;
    --color-tn-accentlight: #00ECFB;
    --color-tn-accentmedium: #00AACC;
    --color-tn-accentdark: #007F99;
    /*--NEUTRAL COLORS--*/
    --color-tn-nutral: #1CC990;
    --color-tn-nutrallight: #1FE0A0;
    --color-tn-nutralmedium: #169D70;
    --color-tn-nutraldark: #107050;

    /*--AUXILIARY COLORS--*/

    /*--BACKGROUND COLORS--*/
    --color-tn-lightblue:#D6EDFF;
    --color-tn-lightorenge:#FFF2CC;
    --color-tn-lightindigo:#EBECF9;
    --color-tn-lightcyan:#E5FBFF;
    --color-tn-lightgreen:#D2F9EC;
    --color-tn-lightred:#FDE7E7;
    --color-tn-lightgrey:#EDEDED;
    --color-tn-lightestgrey:#F8F8F8;
    --color-tn-mediumgrey:#BFBFBF;
    --color-tn-normalgrey:#A6A6A6;;
    --color-tn-darkgrey:#666666;
    --color-tn-darkgreyRGB: 102,102,102;

    /*--TEXT COLORS--*/
    --color-tn-text-primary: #1A4775;
    --color-tn-text-primarydark: #00172E;
    --color-tn-text-primarylight: #99ADC2;
    --color-tn-text-primarylighthover: #FFFFFF;

    /*--BUTTON COLORS--*/
    --color-tn-button-yellow-bg: var(--color-tn-secondary);
    --color-tn-button-yellow-bg-hover: var(--color-tn-primarylight);
    --color-tn-button-yellow-txt: var(--color-tn-primarydark); 
    --color-tn-button-yellow-txt-hover: var(--color-tn-primarydark); 
    --color-tn-button-yellow-outline: var(--color-tn-secondary);
    --color-tn-button-yellow-outline-hover: var(--color-tn-primarylight);
    --color-tn-button-yellow-outline-txt: var(--color-tn-secondary);
    --color-tn-button-yellow-outline-txt-hover: var(--color-tn-primarylight);

    --color-tn-button-yellowdark-bg: var(--color-tn-secondarydark);
    --color-tn-button-yellowdark-bg-hover: var(--color-tn-primarylight);
    --color-tn-button-yellowdark-txt: var(--color-tn-primarydark); 
    --color-tn-button-yellowdark-txt-hover: var(--color-tn-primarydark); 
    --color-tn-button-yellowdark-outline: var(--color-tn-secondarydark);
    --color-tn-button-yellowdark-outline-hover: var(--color-tn-primarylight);
    --color-tn-button-yellowdark-outline-txt: var(--color-tn-secondarydark);
    --color-tn-button-yellowdark-outline-txt-hover: var(--color-tn-primarylight);

    --color-tn-button-indigo-bg: var(--color-tn-tertiary);
    --color-tn-button-indigo-bg-hover: var(--color-tn-primarylight);
    --color-tn-button-indigo-txt: var(--color-tn-primarydark); 
    --color-tn-button-indigo-txt-hover: var(--color-tn-primarydark); 
    --color-tn-button-indigo-outline: var(--color-tn-tertiary);
    --color-tn-button-indigo-outline-hover: var(--color-tn-primarylight);
    --color-tn-button-indigo-outline-txt: var(--color-tn-tertiary);
    --color-tn-button-indigo-outline-txt-hover: var(--color-tn-primarylight);

    
}