/**
 * variables.css
 * ---------------------------------------------------------
 * Design tokens. Valori estratti per campionamento diretto
 * dai pixel del mockup Figma (sezione-1.jpg) — sono un punto
 * di partenza affidabile, non i valori ufficiali brand.
 * Quando arriva il brandbook, si aggiornano SOLO qui:
 * nessun altro file CSS va toccato.
 * ---------------------------------------------------------
 */

:root {
    /* --- Colori --- */
    --color-dark:        #1b1b1b; /* sfondo header/nav */
    --color-red:         #e01020; /* titoli accento (es. "TUTTO QUELLO CHE DEVI SAPERE") */
    --color-teal:        #00a0c3; /* inizio gradiente CTA */
    --color-green:       #009b54; /* fine gradiente CTA */
    --color-white:       #ffffff;
    --color-bg-light:    #fafafa; /* sfondo sezioni chiare */
    --color-text-title:  #333333; /* label in grassetto (date, location, ecc.) */
    --color-text-body:   #6b6b6b; /* paragrafi e descrizioni secondarie */
    --color-text-on-dark:       #ffffff; /* testo principale su sfondo scuro/mimetico */
    --color-text-on-dark-muted: #d4d5d0; /* testo secondario su sfondo scuro/mimetico */
    --color-bg-camo-fallback:   #46483f; /* colore di fallback mentre carica il pattern, o se non carica */

    --gradient-cta: linear-gradient(135deg, var(--color-teal), var(--color-green));

    /* --- Tipografia ---
       Anton (titoli) + Roboto (testo), self-hosted in assets/fonts/.
       Fallback di sistema mantenuti nel caso i file non carichino. */
    --font-display: 'Anton', 'Arial Narrow', Arial, sans-serif; /* titoli condensati/bold */
    --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

    /* --- Spaziatura (scala 8px) --- */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 96px;

    /* --- Layout --- */
    --container-max: 1200px;
    --radius-button: 6px;

    /* --- Transizioni --- */
    --transition-fast: 0.2s ease;
}