/* ============================================================
   I LOVE DISCO — CSS CUSTOM PROPERTIES
   Incolla questo blocco in cima allo style.css,
   prima di qualsiasi altra regola.
   ============================================================ */

:root {

    /* ── COLORI PRINCIPALI ──────────────────────────────────── */
    --ild-magenta:        #ff00ff;
    --ild-magenta-dark:   #cc00cc;
    --ild-magenta-light:  #ff66ff;
    --ild-magenta-alpha:  rgba(255, 0, 255, 0.10);

    --ild-gold:           #c9a84c;
    --ild-gold-light:     #f0d080;
    --ild-gold-glow:      #ffe566;
    --ild-gold-alpha:     rgba(201, 168, 76, 0.15);

    /* ── NEUTRI / SFONDI ────────────────────────────────────── */
    --ild-black:          #080808;
    --ild-deep:           #0d0d0d;
    --ild-card:           #111008;
    --ild-dark:           #1a1a1a;
    --ild-border:         rgba(201, 168, 76, 0.20);
    --ild-border-light:   rgba(201, 168, 76, 0.08);

    /* ── TESTI ──────────────────────────────────────────────── */
    --ild-white:          #f5f0e8;
    --ild-white-pure:     #ffffff;
    --ild-grey:           #8a8070;
    --ild-grey-light:     rgba(245, 240, 232, 0.65);
    --ild-grey-muted:     rgba(138, 128, 112, 0.50);

    /* ── TIPOGRAFIA ─────────────────────────────────────────── */
    --ild-font-display:   'Bebas Neue', sans-serif;
    --ild-font-serif:     'Playfair Display', Georgia, serif;
    --ild-font-sans:      'DM Sans', sans-serif;

    --ild-size-xs:        10px;
    --ild-size-sm:        12px;
    --ild-size-base:      14px;
    --ild-size-md:        16px;
    --ild-size-lg:        20px;
    --ild-size-xl:        28px;
    --ild-size-2xl:       40px;
    --ild-size-3xl:       64px;

    --ild-weight-light:   300;
    --ild-weight-regular: 400;
    --ild-weight-medium:  500;
    --ild-weight-bold:    700;

    --ild-ls-tight:       0px;
    --ild-ls-normal:      1px;
    --ild-ls-wide:        3px;
    --ild-ls-wider:       5px;
    --ild-ls-widest:      8px;

    --ild-lh-tight:       1.1;
    --ild-lh-normal:      1.5;
    --ild-lh-loose:       1.8;

    /* ── SPAZIATURE ─────────────────────────────────────────── */
    --ild-space-xs:       8px;
    --ild-space-sm:       16px;
    --ild-space-md:       24px;
    --ild-space-lg:       40px;
    --ild-space-xl:       60px;
    --ild-space-2xl:      80px;
    --ild-space-3xl:      100px;

    /* ── LAYOUT ─────────────────────────────────────────────── */
    --ild-max-width:      1200px;
    --ild-container-px:   60px;

    /* ── TRANSIZIONI ────────────────────────────────────────── */
    --ild-ease:           all 0.3s ease-in-out;
    --ild-ease-slow:      all 0.6s ease;
    --ild-ease-cubic:     0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── BORDI & RAGGI ──────────────────────────────────────── */
    --ild-radius:         0px;       /* design squadrato, coerente con l'estetica */
    --ild-border-width:   1px;
    --ild-border-accent:  2px solid var(--ild-magenta);
    --ild-border-gold:    1px solid var(--ild-border);
    --ild-border-subtle:  1px solid var(--ild-border-light);

    /* ── OMBRE ──────────────────────────────────────────────── */
    --ild-shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.4);
    --ild-shadow-md:      0 4px 16px rgba(0, 0, 0, 0.5);
    --ild-shadow-gold:    0 0 20px rgba(201, 168, 76, 0.25);
    --ild-shadow-magenta: 0 0 30px rgba(255, 0, 255, 0.20);

    /* ── Z-INDEX ────────────────────────────────────────────── */
    --ild-z-header:       1000;
    --ild-z-overlay:      900;
    --ild-z-modal:        9999;
    --ild-z-behind:       -1;

    /* ── HEADER ─────────────────────────────────────────────── */
    --ild-header-height:  70px;

}

/* ── USO RAPIDO ─────────────────────────────────────────────
   Esempi pronti da copiare nello style.css:

   color:            var(--ild-gold);
   color:            var(--ild-magenta);
   background-color: var(--ild-black);
   background-color: var(--ild-card);
   border:           var(--ild-border-gold);
   border:           var(--ild-border-accent);
   font-family:      var(--ild-font-display);
   font-family:      var(--ild-font-serif);
   font-family:      var(--ild-font-sans);
   font-size:        var(--ild-size-base);
   font-weight:      var(--ild-weight-bold);
   letter-spacing:   var(--ild-ls-wide);
   line-height:      var(--ild-lh-loose);
   padding:          var(--ild-space-xl) var(--ild-container-px);
   transition:       var(--ild-ease);
   box-shadow:       var(--ild-shadow-gold);
   max-width:        var(--ild-max-width);
   z-index:          var(--ild-z-header);
   ────────────────────────────────────────────────────────── */