/* ========================================================================
   DESIGN TOKENS — Kadence LMM Child v1.2
   Palette terracotta, Lora+Inter, spacing/radius scale.
   Mai usare #000000/#FFFFFF come base. Mai gradient inventati. Mai hex hardcoded
   negli altri CSS — sempre via CSS variables.
   ======================================================================== */

:root {
  /* ========== PALETTE COLORI ========== */
  /* Primari */
  --color-primary: #8B4A3B;           /* Terracotta — CTA, link, elementi distintivi */
  --color-primary-light: #C97B5D;     /* Terracotta chiaro — hover, varianti */
  --color-primary-dark: #5E2F24;      /* Terracotta scuro — uso raro, stati attivi */

  /* Secondari */
  --color-secondary: #5A6D4E;         /* Verde salvia — banner mood, CTA secondarie */

  /* Accenti */
  --color-accent: #E8D4B8;            /* Oro sabbia — sfondi morbidi, card */
  --color-accent-soft: #F4EAD8;       /* Oro sabbia chiaro — sfondi sezione */

  /* Neutri */
  --color-white: #FAF7F3;             /* Bianco-sporco — sfondo base del sito (NON #FFFFFF) */
  --color-white-pure: #FFFFFF;        /* Bianco puro — card e contrasto */
  --color-black: #2B1F1A;             /* Nero terroso — testo titoli, footer (NON #000000) */
  --color-text: #3D2E27;              /* Testo body principale */
  --color-text-body: #3D2E27;         /* Alias di --color-text */
  --color-text-body-light: #5A3A2C;   /* Testo body secondario, sottotitoli */
  --color-text-muted: #5F5247;        /* Testo muted, meta */

  /* Bordi */
  --color-border: #E5DED5;            /* Bordo standard */
  --color-border-soft: #EFEAE2;       /* Bordo soft, separatori interni */

  /* Banner-specifici (v1.2) */
  --color-banner-redflag-strong-bg: #F8E8E0;
  --color-banner-redflag-soft-bg: #FBF2EA;
  --color-banner-mood-bg-from: #E8DED0;
  --color-banner-mood-bg-to: #DDD0BD;
  --color-banner-storage-bg: #EDE7DD;

  /* ========== TIPOGRAFIA ========== */
  --font-heading: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'Courier New', Courier, monospace;

  /* Scale font desktop */
  --fs-hero: 56px;
  --fs-h1: 42px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 17px;
  --fs-body-sm: 16px;
  --fs-small: 14px;
  --fs-xsmall: 12px;
  --fs-tiny: 10px;

  /* Scale font mobile (≤768px) — applicate in _typography.css con media query */
  --fs-hero-m: 36px;
  --fs-h1-m: 28px;
  --fs-h2-m: 24px;
  --fs-h3-m: 20px;
  --fs-h4-m: 18px;
  --fs-body-lg-m: 16px;
  --fs-body-m: 15px;
  --fs-body-sm-m: 14px;

  /* Font weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Line heights */
  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;
  --lh-body-article: 1.75;

  /* Letter spacing */
  --ls-eyebrow: 0.14em;
  --ls-label: 0.1em;
  --ls-headline: -0.01em;

  /* ========== SPAZIATURE ========== */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* ========== BORDER RADIUS ========== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 12px;
  --radius-full: 9999px;
  --radius-circle: 50%;

  /* ========== Z-INDEX ========== */
  --z-tooltip: 100;
  --z-banner: 50;
  --z-cookie-banner: 9999;
  --z-modal: 10000;
}