/* Hallmark · genre: modern-minimal · design-system: design.md · designed-as-app
   HANZO · token del sistema (fonte unica: design.md). Colori del brand bloccati. */
:root{
  /* superfici */
  --color-paper:#f6f1e7;      /* crema: fondo pagina */
  --color-paper-2:#efe8da;    /* crema scura: riempimenti tenui */
  --color-surface:#ffffff;    /* card e sezioni bianche */
  --color-rule:#e4ddcd;       /* filetti */
  --color-rule-2:#f0eadf;     /* filetti interni alle tabelle */

  /* inchiostro (navy del brand) */
  --color-ink:#26384c;
  --color-ink-2:#1b2836;      /* hero e sezioni scure */
  --color-ink-3:#131d28;      /* barra novità */
  --color-ink-soft:#34495f;
  --color-muted:#52525b;      /* testo secondario su chiaro */
  --color-soft:#66666e;       /* testo terziario su chiaro (>= 4.5:1 su crema) */
  --color-faint:#8a8a93;      /* solo elementi non testuali */

  /* testo su scuro */
  --color-on-dark:#f6f1e7;
  --color-on-dark-2:#c3cbd4;
  --color-on-dark-3:#9fb0c3;
  --color-on-dark-rule:rgba(246,241,231,.14);

  /* accento (arancione del brand) */
  --color-accent:#e2641c;          /* grafica, titoli grandi, numeri */
  --color-accent-strong:#c5531a;   /* riempimento dei bottoni: testo bianco 4.5:1 */
  --color-accent-press:#a9460f;    /* hover/active dei bottoni */
  --color-accent-ink:#b84d12;      /* testo piccolo arancione su chiaro */
  --color-accent-on-dark:#f3a672;  /* testo arancione su navy */
  --color-accent-tint:#fbe8d8;
  --color-focus:#e2641c;
  --color-focus-on-dark:#f3a672;

  /* stati */
  --color-success:#15803d;
  --color-success-tint:#dcfce7;
  --color-warning:#b45309;
  --color-warning-tint:#fef3c7;
  --color-danger:#dc2626;
  --color-danger-tint:#fee2e2;
  --color-whatsapp:#11843f;        /* bottoni WhatsApp: testo bianco 4.5:1 */
  --color-whatsapp-press:#0d6e34;
  --color-wa-paper:#e6ddd4;        /* sfondo della chat WhatsApp */
  --color-wa-out:#d9fdd3;
  --color-wa-ink:#111b21;
  --color-wa-meta:#667781;
  --color-wa-tick:#53bdeb;
  --color-wa-wait:#fdf1c9;
  --color-wa-wait-ink:#8a6212;
  --color-chart-3:#c9c2b2;         /* terza serie nei grafici (subappalti) */
  --color-overlay:rgba(18,20,24,.93);

  /* trasparenze e ombre */
  --color-on-fill:#ffffff;                       /* testo su bottoni pieni e su navy */
  --color-on-dark-fill:rgba(255,255,255,.06);
  --color-on-dark-line:rgba(255,255,255,.3);
  --color-on-dark-line-2:rgba(255,255,255,.4);
  --color-on-dark-line-strong:rgba(255,255,255,.7);
  --color-on-dark-chip:rgba(255,255,255,.18);
  --color-accent-on-dark-tint:rgba(243,166,114,.14);
  --color-ghost:rgba(246,241,231,.05);           /* scritta "hanzo" nel footer */
  --color-bubble-shadow:rgba(0,0,0,.08);
  --shadow-pill:0 8px 24px -12px rgba(10,10,10,.18);
  --shadow-pill-scrolled:0 14px 34px -14px rgba(10,10,10,.32);
  --shadow-float:0 26px 50px -20px rgba(0,0,0,.55);
  --shadow-dark-card:0 30px 60px -30px rgba(0,0,0,.6);
  --shadow-plan:0 20px 50px -34px rgba(10,10,10,.45);
  --shadow-fq:0 22px 48px -30px rgba(10,10,10,.45);
  --shadow-mcta:0 10px 28px -12px rgba(10,10,10,.55);

  /* font */
  --font-display:'Poppins','Inter',system-ui,-apple-system,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* spaziatura: scala a 4 pt */
  --space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;
  --space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;
  --space-3xl:6rem;--space-4xl:7.5rem;

  /* tipografia */
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;
  --text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;
  --text-h2:clamp(1.85rem,3.2vw,2.7rem);
  --text-display:clamp(2.3rem,4.3vw,3.5rem);

  /* forme */
  --radius-sm:8px;--radius-md:12px;--radius-card:16px;--radius-lg:20px;--radius-pill:999px;
  --shadow-card:0 24px 60px -30px rgba(10,10,10,.30);
  --shadow-pop:0 18px 40px -22px rgba(10,10,10,.45);

  /* movimento */
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --dur-fast:150ms;--dur-short:220ms;--dur-med:350ms;

  /* layout */
  --wrap:1180px;--gutter:24px;--nav-h:64px;
}