/*
Theme Name:   Storefront Child (Eurosima)
Theme URI:    https://eurosima.it
Description:  Child theme of the customized Storefront parent for eurosima.it. Design system "Eurosima Blue". All custom modifications go here — never edit the parent directly.
Author:       Italix / Trevis
Author URI:   https://eurosima.it
Template:     storefront
Version:      1.0.0
Text Domain:  storefront-child-eurosima
*/

/* ==================================================================
   DESIGN TOKENS — "Eurosima Blue"
   Estratti dai mockup (eurosima/mockups/DESIGN-SYSTEM.md).
   Valori reali, nessuna invenzione. I nomi mappano l'oggetto TOKENS
   del mockup su CSS custom properties.
   ================================================================== */
:root {
  /* --- Brand --- */
  --color-primary: #00A8C0;        /* Eurosima cyan — CTA, accenti */
  --color-primary-soft: #DCEFF3;   /* cyan tint chiaro — sfondo tile */
  --color-primary-ink: #0078E8;    /* royal blue (== accent) — testo su tint */
  --color-navy: #183858;           /* navy — header/hero/footer, testo su cyan */
  --color-navy-soft: #E2E8F1;      /* navy tint chiaro */
  --color-accent: #0078E8;         /* royal blue promo — badge sconto, kicker */
  --color-accent-soft: #DEEAFB;    /* blue tint chiaro */

  /* --- Neutri / testo --- */
  --color-ink: #0F1B22;            /* testo primario */
  --color-ink-2: #3D4F58;          /* testo secondario, icone */
  --color-muted: #6B7B85;          /* testo terziario, note */
  --color-line: #E1E8EC;           /* bordi 1px */

  /* --- Superfici --- */
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;        /* card */
  --color-surface-alt: #F1F5F8;    /* campo ricerca, sfondi alt */

  /* --- Stati --- */
  --color-success: #3F7A4B;        /* definito nel mockup (non usato a video) */
  /* error/warning: non specificati nei mockup */

  /* --- Tinte categoria (oltre alle *-soft) --- */
  --color-tint-1: #DCEFF3;
  --color-tint-2: #E2E8F1;
  --color-tint-3: #DEEAFB;
  --color-tint-4: #EAF4F7;
  --color-tint-5: #E8F0F8;
  --color-tint-6: #F0F5F8;

  /* --- Tipografia: famiglie --- */
  --font-sans: "Manrope", system-ui, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* --- Tipografia: pesi --- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- Tipografia: scala font-size (px reali del mockup) --- */
  --fs-3xs: 10px;
  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;   /* hero mobile */
  --fs-4xl: 36px;   /* titoli sezione desktop */
  --fs-5xl: 56px;   /* hero desktop */

  /* --- Spacing (scala incrementale ~4px del mockup) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;

  /* --- Border-radius --- */
  --radius-sm: 6px;     /* placeholder */
  --radius-md: 12px;    /* icone quadrate */
  --radius-lg: 14px;    /* card mobile */
  --radius-lg-d: 16px;  /* card desktop */
  --radius-xl: 18px;    /* hero/side/footer desktop */
  --radius-2xl: 20px;   /* hero mobile */
  --radius-pill: 999px; /* bottoni, badge, ricerca */

  /* --- Layout container --- */
  --container-max: 1320px;
  --container-pad: 32px;     /* desktop */
  --container-pad-mobile: 16px;
  --section-gap: 56px;       /* ritmo verticale desktop */

  /* --- Elevazione ---
     Il design è PIATTO (bordo 1px, niente ombre sui componenti).
     Token soft disponibile se servirà; di default non usato. */
  --shadow-soft: 0 40px 80px -30px rgba(24, 56, 88, 0.20), 0 0 0 1px rgba(24, 56, 88, 0.10);
}

/* ==================================================================
   OVERRIDES
   Gli override custom vanno sotto questa riga.
   NB: la CSS reale del parent (styles.css) è caricata via <link>
   hardcoded in header.php del parent (dopo wp_head), quindi sta più
   in basso nel DOM. Se un override non ha effetto, alza la specificità
   del selettore (non affidarti all'ordine sorgente). Vedi eurosima/CLAUDE.md.
   ================================================================== */