:root {
    --t-pdf-width: 744px;
    --t-article-height: 100%; /* this will be transformed into pixels */

    --color-primary: hsla(178, 100%, 26%, 1); /* #008580FF */

    --payment-color-primary: hsla(191, 50%, 45%, 1); /* #008580FF */
    /*colors*/
    --t-color: hsla(224, 15%, 20%, 1); /* #2B2F3A */
    --t-color_hover: hsla(224, 15%, 25%, 1); /* #363B49 */
    --t-color-shadow: hsla(224, 15%, 20%, .25);
    --t-color-neutral: hsla(0, 0%, 95%, 1); /* #FFFFFF */
    --t-color-neutral_hover: hsla(0, 0%, 90%, 1); /* #FAFAFA */
    --t-color-primary: hsla(178, 100%, 20%, 1); /* #006863 */
    --t-color-primary_hover: hsla(178, 100%, 25%, 1); /* #00807B */
    --t-color-primary-nav_hover: hsla(178, 50%, 90%, 1); /* #00807B */
    --t-color-secondary: hsla(176, 100%, 35%, 1); /* #00B0A4 */
    --t-color-secondary_hover: hsla(176, 100%, 40%, 1); /* #00CCBE */
    --t-color-secondary_dark: hsla(176, 100%, 30%, 1); /* # */
    --t-color-error: hsla(15, 77%, 45%, 1); /* #CC461A */
    --t-color-error_hover: hsla(15, 77%, 50%, 1); /* #E24E1D */
    --t-color-error_dark: hsla(15, 77%, 35%, 1); /* # */
    --t-color-warning: hsla(38, 100%, 58%, 1); /* #FFB028 */
    --t-color-warning_hover: hsla(38, 100%, 63%, 1); /* #FFBA42 */
    --t-color-success: hsla(97, 34%, 50%, 1); /* #76AC55 */
    --t-color-success_hover: hsla(97, 34%, 55%, 1); /* #83B365 */
    --t-color-info: hsl(208, 50%, 55%);
    --t-color-info_hover: hsl(208, 50%, 65%);
    --t-color-border: hsla(0, 0%, 85%, 1);
    --t-color-gray: hsla(0, 0%, 50%, 1);
    --t-color-gray_hover: hsla(0, 0%, 85%, 1);
    --t-color-silver_gray: hsla(0,0%, 69%, 1);  /* #B1B1B1 */
    --t-color-seasalt_gray: hsla(0,0%, 97%, 1); /* #F7F7F7 */
    --t-color-light_gray: hsla(0, 0%, 85%, 1);
    --t-color-light_gray_transparent: hsla(0, 0%, 85%, .5);
    --t-color-light_green: hsl(125, 45%, 70%);
    --t-color-light_green_hover: hsl(125, 45%, 85%);
    --t-color-light_yellow: hsla(46, 85%, 65%, 1);
    --t-color-light_yellow_hover: hsla(46, 85%, 90%, 1);
    --t-color-light_red: hsla(8, 65%, 70%, 1); /* #E48E81 */
    --t-color-light_red_hover: hsla(8, 65%, 90%, 1);
    --t-color-light_blue: hsla(208, 100%, 86%); /*B8DEFF*/
    --t-color-light_blue_hover: hsla(208, 100%, 95%); /*E5F3FF*/
    --t-color-transparent: hsla(127, 50%, 50%, 0);
    --t-color-columbia-blue: hsla(196, 46%, 86%, 1);
    --t-color-toggle_label: hsla(36, 2%, 43%, 1); /* #706E6B */
    --t-color_dim-gray: hsla(0, 0%, 40%, 1); /* #666666 */

    --t-thead-tr-color: hsla(36, 2%, 43%, 1); /* #706E6B */
    --t-tr-border-color2: hsl(0, 0%, 95%);
    --t-tr-border-color1: hsl(0, 0%, 85%);
    --t-tr-odd-background-color: hsla(0,0%, 97%, 1); /* #F7F7F7 */
    --t-tr-even-background-color: hsla(0, 0%, 100%, 1); /* #FFFFFF */
    --t-td-odd-bg-color: hsl(0, 0%, 75%);
    --t-td-even-bg-color: hsl(0, 0%, 65%);
    --t-th-bg-color: hsl(0, 0%, 50%);
    --t-pdf-section-bg-color: hsl(112, 54%, 33%);
    --t-pdf-section-bg-color_: hsl(125, 45%, 30%);

    --t-pdf-checklist_lvl1_color: hsl(125, 45%, 40%);
    --t-pdf-checklist_lvl2_color: hsl(125, 45%, 55%);
    --t-pdf-checklist_lvl3_color: hsl(125, 45%, 70%);
    --t-pdf-checklist_lvl4_color: hsl(125, 45%, 85%);

    /*buttons*/
    --t-btn-primary_bg-color: hsl(0, 0%, 100%);
    --t-btn-primary_bg-color-hover: hsl(0, 0%, 98%);
    --t-btn-primary_color: hsl(208, 100%, 41%); /*0070D1*/
    --t-btn-primary_border-color: hsl(20, 4%, 86%);
}