:root {
    --primary-font-family: Arial;
    --primary-font-size: 1.5rem;
    --nav-font-size: 1rem;
    --nav-branding-font-size: 2.7rem;
    --master-font-size: 3.6rem;
    --master-mobile-font-size: 5rem;
    --small-mobile-branding-font-size: 3.5rem;
    --button-mobile-branding: 2.5rem;
    --primarycolor: /*#121212*/ /*#e6ebf1*/ #f5f7fa;
    --primarycolor-support: /*#121212*/ #f5f7fa;
    --primarycolor-rgb: rgb(245, 245, 245);
    --primarycolor-gradient-rgba: rgba(245, 245, 245, 0.5);
    --primarycolor-gradient-previews-rgba: rgba(245, 245, 245, 0.5);
    --secondarycolor: #222;
    --tertiarycolor: rgb(30, 144, 255);
    --tertiarycolor-support: #4169E1; /* a darker blue, still vibrant */
    --tertiarycolor-support-rgb: 65, 105, 225; /* a darker blue, still vibrant */
    --tertiarycolor-rgba: rgba(30, 144, 255, 0.2);
    --quartiarycolor: yellow;
    --quartiarycolor-rgb: 255, 255, 0;
    --quartiarycolor-support: yellow;
    --quinarycolor: #28A745;
    --pentacolor: #FFD700;
    --fifthcolor: #252735;
    --sixthcolor: #2f3243;
    --colornine: #333;
    --preview-herotextcolor: #dadada;
    --button-branding: 1.5rem;
    --branding-font-size: 2.5rem;
    --large-branding-font-size: 2.7rem;
    --mb-button-branding: 2.5rem;
    --nav-bgcolor: #1e3a8a;
    --nav-font-color: #f5f7fa;
    --nav-font-color-active: #d3d9df;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--primary-font-family);
    scroll-behavior: smooth;
}

html {
    font-size: 1vw;
    overflow-x: hidden;
}

body {
    background: var(--primarycolor);
    color: var(--secondarycolor);
    font-family: var(--primary-font-family);
    font-size: clamp(11pt, var(--primary-font-size), 24pt);
    margin: 0;
    padding: 0;
}
  
/*@media (prefers-color-scheme: light) {
    :root {
        --primary-font-family: Arial;
        --primary-font-size: 1.5rem;
        --nav-font-size: 1.6rem;
        --nav-branding-font-size: 2.7rem;
        --master-font-size: 3.6rem;
        --primarycolor: white;
        --primarycolor-rgb: rgb(255, 255, 255);
        --primarycolor-gradient-rgba: rgba(0, 0, 0, 0.7);
        --primarycolor-gradient-previews-rgba: rgba(0, 0, 0, 0.5);
        --secondarycolor: #101217;
        --tertiarycolor: Dodgerblue;
        --quartiarycolor: yellow;
        --fifthcolor: #252735;
        --sixthcolor: #2f3243;
        --colornine: #4a4a4a;
        --preview-herotextcolor: #dadada;
        --button-branding: 1.5rem;
        --small-branding-font-size: 2rem;
        --branding-font-size: 2.5rem;
        --large-branding-font-size: 2.7rem;
    }
  }
*/