/* ==========================================================================
   editorIA — Design token
   Estratti manualmente dai nodi Figma bEkyPdETpAajyg54FEE7yy / pagina EditorIA.

   ATTENZIONE: il file Figma NON contiene variabili (get_variable_defs → {}).
   Questi token sono una normalizzazione a posteriori di valori hex sparsi nei
   layer. Non esiste sincronizzazione automatica: se il design cambia, questo
   file va aggiornato a mano.

   Ogni token riporta i nodi da cui è stato letto.
   ========================================================================== */

:root {

  /* --- Colori -------------------------------------------------------- */

  /* Fondo del footer / sezione contatti. Nodo 2566:259 */
  --eia-color-bg-footer: #2e2c29;

  /* Accento. Fondo CTA piena in navbar (2633:262) e colore dei titoli
     delle card competenze (2566:215 / 2566:216 / 2566:217) */
  --eia-color-accent: #817571;

  /* Testo: il design è interamente su fondo scuro, testo bianco pieno */
  --eia-color-text: #ffffff;

  /* Superfici traslucide (effetto vetro su fondo scuro) */
  --eia-surface-nav:     rgba(39, 39, 39, 0.2);    /* pill navbar   — 2633:248 */
  --eia-surface-card:    rgba(123, 123, 123, 0.2); /* card, input, checkbox — 2566:209, 2566:270 */
  --eia-surface-overlay: rgba(33, 33, 33, 0.4);    /* overlay su immagine progetto — 2566:187 */

  /* Ombra card progetto — 2566:186 */
  --eia-shadow-card: 0 0 120px 0 rgba(0, 0, 0, 0.2);

  /* NOTA: il fondo pagina non è un fill del frame root ma il risultato di
     rettangoli sovrapposti (2566:237, 2566:257, 2566:303) più ellissi
     decorative sfocate (2566:175-178, 2566:236, 2566:309, 2566:310).
     Vedi § Aperti nella spec: valore [BLOCCANTE]. */
  --eia-color-bg-page: #2e2c29; /* PLACEHOLDER — allineato al footer, da confermare */


  /* --- Tipografia ---------------------------------------------------- */

  --eia-font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --eia-fw-extralight: 200;  /* titoli step pilastri */
  --eia-fw-regular:    400;
  --eia-fw-semibold:   600;  /* nav, CTA, label step */
  --eia-fw-bold:       700;  /* titoli card, enfasi inline, label footer */

  /* Scala tipografica — valori desktop (frame 1512px) */
  --eia-fs-hero:        50px;  /* 2566:230 — H1 */
  --eia-fs-display:     40px;  /* 2566:193 titolo progetto, 2566:242 titolo step */
  --eia-fs-heading:     20px;  /* 2566:215 titolo card, 2566:242 label "Step 1" */
  --eia-fs-lead:        18px;  /* 2566:231 — sottotitolo hero */
  --eia-fs-body:        16px;  /* corpo standard, footer */
  --eia-fs-cta:         15px;  /* 2625:24 — label CTA hero */
  --eia-fs-nav:         13px;  /* 2633:257-260, 2633:263 — nav e CTA navbar */
  --eia-fs-legal:       11px;  /* 2566:262, 2566:263 */
  --eia-fs-consent:      9px;  /* 2566:268 — consenso privacy */

  /* Interlinee esplicite nel design (altrove: "normal") */
  --eia-lh-hero: 59px;  /* 50/59 */
  --eia-lh-body: 24px;  /* 16/24 e 18/24 */

  /* Tracking — solo su nav e CTA navbar, uppercase */
  --eia-ls-nav: 1.04px;


  /* --- Raggi ---------------------------------------------------------- */

  --eia-radius-nav:        24px;  /* pill navbar          — 2633:248 */
  --eia-radius-btn:        14px;  /* CTA piena navbar     — 2633:262 */
  --eia-radius-btn-ghost:  20px;  /* CTA outline hero     — 2625:23 */
  --eia-radius-card:       90px;  /* card competenze      — 2566:209 */
  --eia-radius-media:     120px;  /* immagine progetto    — 2566:186 */
  --eia-radius-overlay:    88px;  /* overlay su immagine  — 2566:187 */
  --eia-radius-input:       4px;  /* checkbox             — 2566:270 */


  /* --- Layout --------------------------------------------------------- */

  --eia-container:      1224px;  /* larghezza contenuto desktop */
  --eia-gutter:          144px;  /* margine laterale desktop (1512 - 1224) / 2 */
  --eia-gutter-mobile:    16px;  /* margine laterale mobile (frame 393) */
  --eia-nav-width:      1274px;  /* pill navbar, più larga del container */
  --eia-nav-height:       76px;
  --eia-nav-offset:       43px;  /* distanza dal top */


  /* --- Componenti ricorrenti ------------------------------------------ */

  --eia-card-competence-w: 387px;
  --eia-card-competence-h: 398px;
  --eia-card-competence-gap: 32px;  /* derivato: 563 - (144 + 387) = 32 */

  --eia-media-project-w: 1224px;
  --eia-media-project-h:  579px;

  --eia-btn-h:  47px;   /* CTA hero e navbar secondaria */
  --eia-btn-w: 188px;   /* CTA hero */
}