:root {
  /* ── Spettro del marchio, campionato dal logo ── */
  --coral: #de9c76;
  --lime: #a4c635;
  --red: #ce3b2c;
  --amber: #e7a23e;
  --cyan: #3cb9e5;
  --pink: #f67caa;
  --violet: #9b7fd4;
  --magenta: #d94f86;

  /* Varianti scure: contrasto sufficiente per testo e superfici piene */
  --coral-ink: #a55f34;
  --lime-ink: #61801a;
  --red-ink: #a72c1f;
  --amber-ink: #9a6812;
  --cyan-ink: #0a7ba6;
  --pink-ink: #c23f70;
  --violet-ink: #6b4fae;
  --magenta-ink: #a92f63;

  /* ── Neutri ── */
  --ink: #171520;
  --ink-soft: #4b4859;
  --ink-mute: #807d8f;
  --paper: #ffffff;
  --bg: #fbfaf9;
  --bg-2: #f4f1ed;
  --bg-3: #ebe6e0;
  --night: #171520;
  --night-2: #221f2e;
  --line: rgba(23, 21, 32, 0.12);
  --line-soft: rgba(23, 21, 32, 0.07);

  /* Il gradiente firma: le sei lame nell'ordine del logo */
  --spectrum: linear-gradient(
    90deg,
    var(--coral) 0%,
    var(--lime) 20%,
    var(--red) 38%,
    var(--amber) 54%,
    var(--cyan) 74%,
    var(--pink) 100%
  );

  /* ── Tipografia ── */
  --display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ── Spazio ── */
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --maxw: 1280px;
  --section: clamp(4.5rem, 9vw, 9.5rem);

  /* ── Forme e ombre ── */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 40px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(23, 21, 32, 0.05), 0 6px 16px -8px rgba(23, 21, 32, 0.16);
  --shadow-md: 0 2px 4px rgba(23, 21, 32, 0.04), 0 18px 40px -20px rgba(23, 21, 32, 0.3);
  --shadow-lg: 0 4px 8px rgba(23, 21, 32, 0.05), 0 40px 80px -40px rgba(23, 21, 32, 0.42);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Accento corrente: ogni sezione/pagina può ridefinirlo */
  --accent: var(--cyan);
  --accent-ink: var(--cyan-ink);
}

/* Classi di accento riutilizzabili */
.acc-coral { --accent: var(--coral); --accent-ink: var(--coral-ink); }
.acc-lime { --accent: var(--lime); --accent-ink: var(--lime-ink); }
.acc-red { --accent: var(--red); --accent-ink: var(--red-ink); }
.acc-amber { --accent: var(--amber); --accent-ink: var(--amber-ink); }
.acc-cyan { --accent: var(--cyan); --accent-ink: var(--cyan-ink); }
.acc-pink { --accent: var(--pink); --accent-ink: var(--pink-ink); }
.acc-violet { --accent: var(--violet); --accent-ink: var(--violet-ink); }
.acc-magenta { --accent: var(--magenta); --accent-ink: var(--magenta-ink); }