/* =================================================================
   ENZO ZAGO — DESIGN TOKENS
   Le CSS variables erano usate ma NON definite nel mockup originale.
   Qui sono ricostruite dalla palette visiva (terracotta / crema / bruno).
   Cambiare i font qui in un solo punto.
   ================================================================= */

:root {
  /* --- Tipografia --- */
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- Colori testo --- */
  --color-text-primary:   #2a1f14; /* bruno scuro, come la base hero */
  --color-text-secondary: #6b5d4f; /* bruno attenuato */

  /* --- Colori sfondo --- */
  --color-background-primary:   #fffcf8; /* crema chiarissimo (nav, card) */
  --color-background-secondary: #f7f3ee; /* crema (sezione export) */

  /* --- Sfondo card collezioni (argilla, distinto dalla pagina) --- */
  --color-card:       #ece2d1;
  --color-card-hover: #e4d6bf;

  /* --- Bordi --- */
  --color-border-tertiary: rgba(160, 120, 64, 0.20);

  /* --- Accento (terracotta dorata) --- */
  --color-accent:       #a07840;
  --color-accent-soft:  #d4a96a;
  --color-accent-line:  rgba(160, 120, 64, 0.30);

  /* --- Hero scuro --- */
  --color-hero-dark: #2a1f14;

  /* --- Raggi --- */
  --border-radius-sm: 4px;
  --border-radius-md: 6px;

  /* --- Layout --- */
  --layout-pad-x: 40px;
}

@media (max-width: 768px) {
  :root { --layout-pad-x: 20px; }
}