html {
    font-size: 16px;
}

body[data-theme="hypex-dark"] {
    font-family: 'SansaProWeb';

    --theme-primary-base: #e08230;
    --theme-primary-text: white;

    --theme-secondary-base: #de7a50;
    --theme-secondary-text: white;

    --theme-background-primary-base: #272727;
    --theme-background-primary-text: white;

    --theme-background-secondary-base: #e3e3e3;
    --theme-background-secondary-text: black;

    --theme-rainbow-1-base: #e69635;
    --theme-rainbow-1-text: black;

    --theme-rainbow-2-base: #3e8fd1;
    --theme-rainbow-2-text: black;

    --theme-rainbow-3-base: #8d574b;
    --theme-rainbow-3-text: white;

    --theme-rainbow-4-base: #7e773a;
    --theme-rainbow-4-text: white;

    --theme-rainbow-5-base: #2f2a7e;
    --theme-rainbow-5-text: white;

    --theme-rainbow-6-base: #878787;
    --theme-rainbow-6-text: black;

    --theme-rainbow-7-base: #d9642c;
    --theme-rainbow-7-text: black;

    --theme-rainbow-8-base: #5d5d5d;
    --theme-rainbow-8-text: white;

    --theme-stroke-primary-color: white;
    --theme-stroke-primary-width: 2px;
    
    --theme-stroke-secondary-color: #878787;
    --theme-stroke-secondary-width: 1px;
    
    --theme-stroke-tertiary-color: #5d5d5d;
    --theme-stroke-tertiary-width: 1px;

    --theme-duration-short: 75ms;
}