:root {
    /* white variant */
    --nts-body-bg: var(--ntslightgray);
    --nts-header-bg: var(--ntsmainblue);
    --nts-header-text: var(--ntswebgray);
    --nts-content-bg: var(--white);
    --nts-content-text: var(--ntsmainblue);
    --nts-title-text: var(--ntsmainblue);
    --nts-link-text: var(--ntsmainblue);
    --nts-footer-bg: var(--ntswebgray);
    --nts-footer-text: var(--ntsmainblue);
    
    --nts-primary-bg: var(--ntsmainblue);
    --nts-primary-text: var(--white);
    
    --nts-secondary-bg: var(--ntslightgray);
    --nts-secondary-text: var(--ntsmainblue);
    
    /* buttons */
    --nts-btn-primary-bg: var(--nts-primary-bg);
    --nts-btn-primary-text: var(--nts-primary-text);
    --nts-btn-primary-focus-bg: #002d46;
    --nts-btn-primary-focus-border: #002439;
    --nts-btn-primary-focus-text: var(--nts-primary-text);
    --nts-btn-primary-focus-shadow: #26618280;
    --nts-btn-primary-active-bg: #002439;
    --nts-btn-primary-active-border: #001c2c;
    --nts-btn-primary-active-text: var(--nts-primary-text);
    --nts-btn-primary-active-shadow: #26618280;
    --nts-btn-primary-hover-bg: #002d46;
    --nts-btn-primary-hover-border: #002439;
    --nts-btn-primary-hover-text: var(--nts-primary-text);
    
    --nts-btn-secondary-bg: var(--nts-secondary-bg);
    --nts-btn-secondary-text: var(--nts-secondary-text);
    --nts-btn-secondary-focus-bg: #b5b5b5;
    --nts-btn-secondary-focus-border: #afafaf;
    --nts-btn-secondary-focus-text: var(--nts-secondary-text);
    --nts-btn-secondary-focus-shadow: #afb0b080;
    --nts-btn-secondary-active-bg: #afafaf;
    --nts-btn-secondary-active-border: #a8a8a8;
    --nts-btn-secondary-active-text: var(--nts-secondary-text);
    --nts-btn-secondary-active-shadow: #afb0b080;
    --nts-btn-secondary-hover-bg: #b5b5b5;
    --nts-btn-secondary-hover-border: #afafaf;
    --nts-btn-secondary-hover-text: var(--nts-secondary-text);
    
    /* badges */
    --nts-badge-primary-bg: var(--nts-primary-bg);
    --nts-badge-primary-text: var(--nts-primary-text);
    --nts-badge-primary-hover-bg: #002439;
    --nts-badge-primary-hover-text: var(--nts-primary-text);
    --nts-badge-primary-focus-shadow: #00456c80;
    
    --nts-badge-secondary-bg: var(--nts-secondary-bg);
    --nts-badge-secondary-text: var(--nts-secondary-text);
    --nts-badge-secondary-hover-bg: #afafaf;
    --nts-badge-secondary-hover-text: var(--nts-secondary-text);
    --nts-badge-secondary-focus-shadow: #c8c8c880;
    
    /* list group */
    --nts-list-group-primary-bg: #b8cbd6;
    --nts-list-group-primary-text: #002438;
    --nts-list-group-primary-hover-bg: #a8bfcd;
    --nts-list-group-primary-hover-text: #002438;
    --nts-list-group-primary-active-bg: #002438;
    --nts-list-group-primary-active-text: #fff;
    --nts-list-group-primary-active-border: #002438;
    
    --nts-list-group-secondary-bg: #f0f0f0;
    --nts-list-group-secondary-text: #686868;
    --nts-list-group-secondary-hover-bg: #e3e3e3;
    --nts-list-group-secondary-hover-text: #686868;
    --nts-list-group-secondary-active-bg: #686868;
    --nts-list-group-secondary-active-text: #fff;
    --nts-list-group-secondary-active-border: #686868;
}