/* public/css/variables.css */


:root {
    /* Paleta de Cores Principal */
    --color-primary-rubro: #1F5568; /* Laranja queimado para destaque */
    --color-secondary-blue: #1F5568; /* Carvão para elementos técnicos */
    --color-bg-gray: #E2E9EB;        /* Fundo limpo */
    
    /* Cores de Fundo e Bordas */
    --color-white: #FFFFFF;
    --color-white-translucent: rgba(255, 255, 255, 0.7);
    --color-black: #000000;
    
    /* Tipografia */
    --font-family-main: 'Arial, sans-serif';
    --font-size-small: 14px;
    --font-size-medium: 16px;
    --font-size-large: 30px;
    
    /* Medidas de Interface */
    --border-radius-default: 8px;
    --border-radius-large: 8px;
    --panel-width: 15%;
    --panel-height: 90%;
    --modal-width: 60%;
    --modal-height: 70%;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--font-family-main);
}

body, html {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Evita scroll na página inteira, mantendo o foco no mapa e painéis */
    
}