/* =========================================================================
   STRATIGO — token di design.

   Vive in un file suo perché serve in due posti: al front-end tramite
   main.css e dentro l'editor a blocchi. Prima stava in testa a main.css, che
   l'editor non carica: il risultato era che le sezioni definite con var()
   — bianca, chiara e blu ink — perdevano il fondo in admin, mentre blu e
   arancio, scritte con valori letterali, sembravano funzionare.

   Le spaziature, i raggi e la scala tipografica stanno in variables.css.
   ========================================================================= */

:root {
  /* ---- STRATIGO palette ---- */
  --st-ink:        #0a0a2c;   /* deepest navy — dark sections, nav pill      */
  --st-navy:       #00003f;   /* card fill                                   */
  --st-blue-900:   #171857;   /* nav pill over the hero                      */
  --st-blue-800:   #212179;   /* hero / contact base                         */
  --st-blue-700:   #2b2b9e;   /* hero highlight                              */
  --st-blue-600:   #3440a6;   /* bloom                                       */
  --st-blue-500:   #5274d6;   /* active chip                                 */
  --st-blue-400:   #6eadff;   /* the accent: rules, dots, links              */
  --st-blue-200:   #b9d4ff;
  --st-orange:     #ff8000;   /* second accent — alternating card rules      */
  --st-orange-600: #db6e09;
  --st-light:      #f3f3f3;   /* light section canvas                        */
  --st-white:      #ffffff;

  /* Ink on light, white on dark — one text colour per surface. */
  --fg:        var(--st-white);
  --fg-72:     rgba(255, 255, 255, .72);
  --fg-54:     rgba(255, 255, 255, .54);
  --fg-38:     rgba(255, 255, 255, .38);
  --fg-14:     rgba(255, 255, 255, .14);
  --fg-07:     rgba(255, 255, 255, .07);
  --line:      rgba(255, 255, 255, .16);

  /* Titles: Titillium Web 700 — squarish, technical, flat terminals.
     Text: Montserrat. Chosen over Poppins because the running copy here is
     mostly uppercase Italian at 10–14px, where Poppins' monoline geometry
     and single-storey 'a' get tiring and eat horizontal space; Montserrat's
     conventional proportions also sit more calmly under a technical
     display face than another hard-geometric one would. */
  --font-title: 'Titillium Web', ui-sans-serif, system-ui, -apple-system,
                BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body:  'Montserrat', ui-sans-serif, system-ui, -apple-system,
                BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --weight-title: 700;

  --rule: 1px dashed var(--line);
  --hairline: 1px solid var(--line);

  /* Full-bleed gutters — the layout has no max-width container. */
  --gutter: clamp(var(--spacing-24), 4.2vw, var(--spacing-68));
  --nav-h: 84px;

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