/* ================================
   00 - CSS VARIABLES
   Palette chiara — Viaggi, fiducia, colore
   ================================ */

:root {
    /* Sfondi */
    --bg-primary: #ffffff;
    --bg-warm: #fef7ed;
    --bg-sky-light: #f0f9ff;

    /* Colori brand (dal logo) */
    --primary-sky: #00a8e8;
    --primary-green: #3ddc84;
    --accent-orange: #ff6b35;
    --accent-gold: #f59e0b;
    --accent-purple: #7c5ce7;

    /* Gradienti */
    --gradient-brand: linear-gradient(135deg, #00a8e8 0%, #3ddc84 100%);
    --gradient-warm: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);
    --gradient-hero-overlay: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
    --gradient-primary: linear-gradient(135deg, #00a8e8 0%, #3ddc84 100%);

    /* Testo */
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-light: #f8f9fa;

    /* Legacy dark aliases (per compatibilità componenti esistenti) */
    --dark-blue: #1e293b;
    --surface: #f8fafc;
    --surface-raised: #ffffff;

    /* Glass (per navbar e overlay) */
    --glass-white: rgba(255, 255, 255, 0.06);
    --glass-border: rgba(0, 0, 0, 0.08);
    --glass-blur: 20px;

    /* Superfici */
    --surface-card: #ffffff;
    --surface-card-hover: #f8fafc;
    --border-light: #e2e8f0;
    --border-lighter: #f1f5f9;

    /* Ombre */
    --shadow-card: 0 4px 20px rgba(0,0,0,0.06);
    --shadow-card-hover: 0 12px 40px rgba(0,0,0,0.1);
    --shadow-cta: 0 4px 20px rgba(0,168,232,0.3);
    --shadow-soft: 0 10px 30px rgba(0,0,0,0.08);

    /* Radius */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --radius-full: 9999px;

    /* Altri token mantenuti */
    --accent-warm: #ff6b35;
    --gradient-lab: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

/* ================================
   DARK THEME — sovrascrive variabili semantiche
   Applicato via [data-theme="dark"] su <html>
   Brand colors (primary-sky, primary-green, accents) invariati
   ================================ */
[data-theme="dark"] {
    /* Sfondi */
    --bg-primary: #0f172a;
    --bg-warm: #1e1a14;
    --bg-sky-light: #0f1e2e;

    /* Testo */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --text-light: #f1f5f9;

    /* Superfici */
    --surface: #1e293b;
    --surface-raised: #1e293b;
    --surface-card: #1e293b;
    --surface-card-hover: #253347;

    /* Bordi */
    --border-light: #334155;
    --border-lighter: #1e293b;

    /* Glass */
    --glass-white: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.08);

    /* Ombre */
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45);
    --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.4);

    /* Legacy */
    --dark-blue: #0f172a;

    /* Gradienti */
    --gradient-lab: linear-gradient(180deg, #0f1e2e 0%, #0f172a 100%);
}