/*
Customize the look of the site in this file...
This stylesheet is loaded after reset.css and core.css
*/

:root {
    /* Legacy variables - kept for backward compatibility with existing code */
    --main-hex: #012181;
    --main-hex-a: #012181B3;
    --accent-hex: #00B2CA;
    --panel-hex: #E3E3E3;
    --border-hex: #000000;
    --success-hex: #48D61A;
    --error-hex: #EB0C1A;
    --border-radius-input: 3px;
    --border-radius-panel: 3px;
    --transition-time: .1s;

    /* Essential Colors - Core color palette used throughout the site
       These are the only color variables you need to remember:
       - Use these variables instead of hardcoded colors for consistency
       - All other colors are inlined where needed to keep this file simple */
    --white: #fff;
    /* Pure white for text and backgrounds */
    --sidebar-bg: #0A0F65;
    /* Dark blue sidebar background */
    --body-bg: #d9f2ff;
    /* Light blue body background */
    --text-dark: #0a0f65;
    /* Main dark text color */
    --accent-yellow: #fdbb22;
    /* Primary accent color (yellow) */
}

#mapdiv {
    display:block;
    width:100%;
    height: 100vh;   
}