:root {
    --footer-min-height: calc(100vh - 116px);

    --primary: #dce2e6;
    --primaryComp: #ffffff;
    --primaryHalf: #dce2e680;
        
    --secondary: #2fa8fe;
    --secondaryComp: #ffffff;
    --secondaryHover: #0174c6;
    --secondaryMarked: #0174c6;

    --tertiary: #e2e2e2;
    --tertiaryComp: #35495c;
    --tertiaryHover: #c7c7c7;

    --font: #35495c; 
    --fontActive: #0192f9; 
    --fontActiveHover: #015693; 
    --fontInactive: #686868;

    --noise-color: radial-gradient(circle, rgba(255,255,255,1) 0%, 
            rgba(47, 168, 254, 0.025) 10%, 
            rgba(47, 168, 254, 0.050) 50%,
            rgba(47, 168, 254, 0.025) 90%,
            rgba(255,255,255,1) 100%);
}

[data-theme="dark"] {
    --primary: #2d2d2d;
    --primaryComp: #e0e0e0;
    --primaryHalf: #2d2d2d80;
    --secondary: #729617;
    --secondaryComp: #ffffff;
    --secondaryHover: #0174c6;
    --secondaryMarked: #0174c6;
    --tertiary: #3d3d3d;
    --tertiaryComp: #e0e0e0;
    --tertiaryHover: #4d4d4d;
    --font: #e0e0e0;
    --fontActive: #0192f9;
    --fontActiveHover: #015693;
    --fontInactive: #686868;
}

    #header a {
    padding: 0 1.25rem;
    margin-top: 0;
}

.logo a img {
    width: 100%;
    padding: 0;
}