/* ============================================================
   DESIGN TOKENS — Food commerce mediterraneo
   Tutto è sostituibile: cambiando queste variabili cambia tutto il tema.
   ============================================================ */
:root {
  /* --- Neutro/verde premium: heading, footer, topbar --- */
  --color-primary:       #27351F;
  --color-primary-dark:  #172119;
  --color-primary-soft:  #3D4F46;

  /* --- Secondario: terracotta / pomodoro --- */
  --color-secondary:      #B54A2D;
  --color-secondary-dark: #8B2F24;

  /* --- Accent / CTA: zafferano / grano --- */
  --color-accent:      #D19A3A;
  --color-accent-dark: #A87222;

  --color-burgundy:    #8B2F24;
  --color-wine:        #64231F;
  --color-wine-soft:   #8F3B31;

  /* --- Palette viva Alicos: frutta, ortaggi, agrumi e conserve --- */
  --color-tomato:      #C91D18;
  --color-citrus:      #F28C18;
  --color-lemon:       #F4D31B;
  --color-leaf:        #0A7F62;
  --color-leaf-dark:   #075845;
  --color-artichoke:   #8BA81D;
  --color-dragonfruit: #EA3F69;
  --color-eggplant:    #76348D;
  --color-sea:         #9FC7CF;
  --color-almond:      #F1DDA9;

  /* --- Neutri caldi controllati --- */
  --color-bg:        #F7F4EC;
  --color-surface:   #FFFCF6;
  --color-surface-2: #EEF1E7;
  --color-stone:     #F0E6D6;
  --color-linen:     #FBF3E7;
  --color-sage:      #DDE7D2;
  --color-sage-2:    #C7D3B7;
  --color-terracotta-soft: #F1D7C4;
  --color-honey-soft: #F6E1B4;
  --color-text:      #1C211B;
  --color-muted:     #687063;
  --color-line:      #DDE2D4;
  --color-line-strong: #C8B99F;

  /* --- Stati --- */
  --color-success: #3B6D11;
  --color-error:   #A32D2D;

  /* --- Tipografia ---
     System-first per performance e GDPR (zero richieste remote di default).
     Fraunces + Inter sono solo DIREZIONE estetica: in fase finale verranno
     serviti LOCALMENTE e basterà sovrascrivere queste due variabili. */
  --font-display: Georgia, "Iowan Old Style", "Times New Roman", serif;            /* fallback solido per Fraunces */
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* fallback per Inter */

  /* --- Raggi --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* --- Ombre (soft, calde) --- */
  --shadow-soft: 0 6px 24px rgba(22, 34, 25, .08);
  --shadow-card: 0 2px 10px rgba(22, 34, 25, .06);
  --shadow-ambient: 0 18px 46px rgba(58, 44, 25, .12);
  --shadow-sunken: inset 0 1px 0 rgba(255,255,255,.42);

  /* --- Layout --- */
  --container: 1280px;         /* container standard (header + pagine interne) */
  --container-wide: 1460px;    /* container ampio (homepage full-width) */
  --container-narrow: 760px;
  --space-section: clamp(2.5rem, 6vw, 5rem);
  --gap: clamp(1rem, 2.5vw, 1.5rem);
  --header-h: 78px;            /* più alto per logo più grande */
}