/* Variables CSS personalizzabili */

:root {
    /* Personalizza questi valori per cambiare il tema dell'applicazione */
    
    /* === COLORI PRINCIPALI WIKI Mobility === */
    /* Basati sulla palette ufficiale del brand */
    --brand-primary: #FA9341;      /* Sole Vivo */
    --brand-secondary: #529C02;    /* Verde Foresta */
    --brand-accent: #96B8E7;       /* Cielo Calmo */
    --brand-neutral: #F3DEC5;      /* Terra Quieta */
    
    /* Colori Scuri (per contrasti e testi) */
    --brand-dark-orange: #462001;  /* Sole Scuro */
    --brand-dark-green: #254601;   /* Verde Scuro */
    --brand-dark-brown: #462701;   /* Terra Scura */
    --brand-dark-blue: #011E46;    /* Cielo Scuro */
    
    /* Colori Chiari (per sfondi e highlight) */
    --brand-light-orange: #FFF7F0; /* Sole Chiaro */
    --brand-light-green: #F8FFF0;  /* Verde Chiaro */
    --brand-light-blue: #F0F6FF;   /* Cielo Chiaro */
    
    /* === TIPOGRAFIA === */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;
    
    /* === BORDI === */
    --border-width: 1px;
    --border-radius-base: 0.5rem;
    
    /* === SPACING === */
    --spacing-unit: 1rem;
    
    /* === SHADOWS === */
    --shadow-intensity: 0.1;
    
    /* === TRANSITIONS === */
    --transition-speed: 250ms;
}

/* Dark Mode Support (opzionale) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Decommentare per abilitare il dark mode */
        /*
        --text-primary: #e8eaed;
        --text-secondary: #9aa0a6;
        --bg-light: #202124;
        --bg-white: #292a2d;
        --border-color: #3c4043;
        */
    }
}