@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

/* 
   Design System - Parques GO 360
   Este arquivo centraliza todas as variáveis visuais do projeto.
   Alterar aqui reflete em todo o sistema.
*/

:root {
    /* Cores Principais (Natureza/Goiás) */
    --primary-color: #2e7d32;       /* Verde Cerrado */
    --primary-light: #60ad5e;
    --primary-dark: #005005;
    
    --secondary-color: #ffa000;     /* Amarelo Sol/Ipê */
    --secondary-light: #ffd149;
    --secondary-dark: #c67100;

    --accent-color: #0288d1;        /* Azul Águas */
    
    /* Neutros */
    --bg-color: #f5f5f5;
    --text-color: #212121;
    --text-light: #757575;
    --white: #ffffff;
    --black: #000000;
    
    /* Feedback */
    --error: #d32f2f;
    --success: #388e3c;
    --warning: #fbc02d;

    /* Tipografia */
    --font-main: 'Montserrat', sans-serif;
    --font-title: 'Montserrat', sans-serif;
    
    /* Espaçamento */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Bordas e Sombras */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.2);

    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}

/* Dark Mode (Opcional/Futuro) */
[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.5);
}