/* ==========================================================================
   AQC Consulting — Design tokens
   Palette: inchiostro navy + oro caldo + avorio. Nessun magenta.
   ========================================================================== */

:root {
  /* --- Colore ------------------------------------------------------------ */
  --ink-900: #08131F;
  --ink-800: #0D1D2E;
  --ink-700: #14293F;
  --ink-600: #1D3A57;
  --ink-500: #2C4E70;

  --gold-600: #A6813F;
  /* Oro per il TESTO PICCOLO su fondo chiaro: --gold-600 (#A6813F) sta a
     3,60:1 su bianco, sotto il 4,5 richiesto dall'AA. Questo sta a 5,74
     su bianco e 5,01 su sabbia, e resta riconoscibilmente oro. */
  --gold-700: #80612A;
  --gold-500: #C4A265;
  --gold-400: #D8BE8C;
  --gold-200: #EADCC0;

  --sand-100: #FBF8F3;
  --sand-200: #F4EFE6;
  --sand-300: #E7DFD1;

  --paper: #FFFFFF;

  --text-strong: var(--ink-900);
  --text-body: #3B4A5A;
  /* #6B7A8B dava 3,83:1 su sabbia e 4,39:1 su bianco: sotto il 4,5:1
     richiesto dall'AA per il testo piccolo, ed è usato in una quindicina
     di punti (card, note, timeline, form, tabella). #5A6878 tiene lo
     stesso carattere ma sta a 4,97-5,70:1 su tutti i fondi del sito. */
  --text-muted: #5A6878;
  --text-on-dark: #E8EDF3;
  --text-on-dark-muted: #A9B8C8;

  --line: rgba(11, 22, 34, 0.12);
  --line-dark: rgba(232, 237, 243, 0.16);

  /* --- Tipografia -------------------------------------------------------- */
  --font-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --step--1: clamp(0.82rem, 0.79rem + 0.14vw, 0.9rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
  --step-1:  clamp(1.2rem, 1.12rem + 0.4vw, 1.45rem);
  --step-2:  clamp(1.45rem, 1.3rem + 0.75vw, 1.95rem);
  --step-3:  clamp(1.8rem, 1.5rem + 1.4vw, 2.7rem);
  --step-4:  clamp(2.2rem, 1.7rem + 2.4vw, 3.9rem);
  --step-5:  clamp(2.6rem, 1.8rem + 3.6vw, 5.2rem);

  /* --- Spazio ------------------------------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  --wrap: 1180px;
  --wrap-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* --- Forma ------------------------------------------------------------- */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px rgba(8, 19, 31, 0.06), 0 4px 12px rgba(8, 19, 31, 0.05);
  --shadow-md: 0 2px 6px rgba(8, 19, 31, 0.07), 0 16px 40px rgba(8, 19, 31, 0.09);
  --shadow-lg: 0 30px 80px rgba(8, 19, 31, 0.22);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --header-h: 76px;
}