/* ezylab-lite — Design tokens
 * Estratti dal sito attuale (Elementor global + Google Fonts):
 *   accent #FFA832 · primary #181818 · text #666666 · light #ECECEC · font Outfit
 * Approccio "fedele ma ripulito": stessa identità, scala tipografica/spaziature ordinate.
 */
:root {
  /* Brand */
  --c-accent:        #ffa832;
  --c-accent-600:    #f59300;   /* hover/pressed */
  --c-accent-100:    #fff3e0;   /* sfondo tenue accent */

  /* Neutri */
  --c-ink:           #181818;   /* titoli / testo forte */
  --c-text:          #666666;   /* corpo */
  --c-muted:         #8a8a8a;
  --c-line:          #ececec;   /* bordi */
  --c-bg:            #ffffff;
  --c-bg-soft:       #f6f6f6;   /* sezioni alternate */
  --c-dark:          #181818;   /* footer / barre scure */
  --c-on-dark:       #ffffff;

  /* Stato */
  --c-success:       #2e9e5b;
  --c-error:         #cf2e2e;
  --c-sale:          #cf2e2e;

  /* Tipografia */
  --font-base: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-black: 800;

  /* Scala tipografica (fluida) */
  --fs-xs:   0.8125rem;  /* 13 */
  --fs-sm:   0.875rem;   /* 14 */
  --fs-base: 1rem;       /* 16 */
  --fs-md:   1.125rem;   /* 18 */
  --fs-lg:   1.375rem;   /* 22 */
  --fs-xl:   clamp(1.5rem, 1.1rem + 1.6vw, 2rem);
  --fs-2xl:  clamp(1.9rem, 1.3rem + 2.6vw, 2.75rem);
  --fs-3xl:  clamp(2.4rem, 1.5rem + 3.8vw, 3.75rem);
  --lh-tight: 1.15; --lh-snug: 1.3; --lh-base: 1.6;

  /* Spaziature */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem;

  /* Layout */
  --container: 1280px;
  --container-narrow: 920px;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  /* Forme */
  --radius-sm: 6px; --radius: 10px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(24,24,24,.06), 0 1px 3px rgba(24,24,24,.08);
  --shadow:    0 4px 16px rgba(24,24,24,.08);
  --shadow-lg: 0 12px 40px rgba(24,24,24,.14);

  /* Motion */
  --t-fast: .15s ease; --t: .25s ease;

  /* Header */
  --header-h: 76px;
  --z-header: 100; --z-overlay: 200; --z-modal: 300;
}