/* ============================================================
   Design tokens — Impresa Edile Sagradin · AS Sabbiature & Restauri
   Palette derivata dal logo: nero profondo + oro caldo.
   Tema dark-first (l'identità del brand è scura).
   ============================================================ */
:root {
  /* — Colore: ruoli — */
  --bg:            #0e0e0f;   /* nero del logo, leggermente caldo */
  --bg-2:          #141416;   /* sezioni alternate */
  --surface:       #1a1a1d;   /* card / pannelli */
  --surface-2:     #202024;   /* card hover / elevata */
  --line:          #2b2b30;   /* bordi sottili */

  --fg:            #f3f0e9;   /* testo principale (bianco caldo) */
  --muted:         #b4afa4;   /* testo secondario */
  --muted-2:       #8b877d;   /* testo terziario / meta */

  --gold:          #e6b24c;   /* oro del logo */
  --gold-bright:   #f2cd76;   /* highlight / hover */
  --gold-deep:     #c9923a;   /* ombre / gradienti */
  --gold-contrast: #14130f;   /* testo su fondo oro */

  --gold-glow:     rgba(230, 178, 76, .10);
  --gold-line:     rgba(230, 178, 76, .40);

  /* — Tipografia — */
  --font-display: 'Marcellus', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* scala fluida */
  --step--1: clamp(.82rem, .79rem + .14vw, .9rem);
  --step-0:  clamp(1rem, .96rem + .2vw, 1.12rem);
  --step-1:  clamp(1.15rem, 1.05rem + .35vw, 1.45rem);
  --step-2:  clamp(1.4rem, 1.2rem + .9vw, 2.1rem);
  --step-3:  clamp(1.65rem, 1.3rem + 1.6vw, 3rem);
  --step-4:  clamp(1.95rem, 1.45rem + 2.6vw, 4.3rem);

  --tracking-wide: .14em;   /* eyebrow / kicker, eco del lettering del logo */
  --tracking-caps: .22em;   /* uppercase elegante */

  /* — Spazio / ritmo — */
  --space-1: .5rem;  --space-2: 1rem;  --space-3: 1.5rem;
  --space-4: 2rem;   --space-5: 2.75rem; --space-6: 3.5rem;
  --space-8: 5.5rem; --space-10: 7.5rem;

  /* — Forma / profondità —
     Angoli netti e squadrati: linee da disegno tecnico / edilizia. */
  --radius:    2px;
  --radius-sm: 2px;
  --radius-lg: 2px;
  --container: 74rem;
  --container-narrow: 52rem;

  --shadow:    0 1px 0 rgba(0, 0, 0, .4);
  --shadow-sm: 0 1px 0 rgba(0, 0, 0, .35);

  --ease: cubic-bezier(.22, .61, .36, 1);
}