/*
 * TOKEN DI BRAND — rilevati da lunaecom.com (computed style, 18/10/2026) — da far approvare (spec §11)
 *   body            color rgb(0,42,92)   #002a5c   font Exo 400 16px
 *   h1/h2           color rgb(38,36,76)  #26244c   font Exo 500, letter-spacing 1px
 *   .uk-button-secondary  bg rgb(0,44,90) #002c5a, testo #fff, radius 10px, uppercase, Exo 400
 *   link            color rgb(81,80,112) #515070
 *   accento         rgb(130,160,181)     #82a0b5
 *   superficie chiara rgb(242,245,247)   #f2f5f7
 *   logo            fill #18375e (SVG ufficiale lunaecom_group_orizz.svg)
 * Exo è un Google Font (licenza SIL OFL).
 */
:root {
  --color-brand-primary: #002c5a;
  --color-brand-primary-hover: #001f42;
  --color-brand-deep: #001b3a;          /* derivato: sfondo hero */
  --color-brand-secondary: #82a0b5;
  --color-heading: #26244c;
  --color-accent-soft: #e6edf2;         /* derivato da #82a0b5 */
  --color-text: #002a5c;
  --color-text-muted: #515070;
  --color-background: #f2f5f7;
  --color-surface: #ffffff;
  --color-border: #d7e0e7;
  --color-focus: #82a0b5;

  --font-body: "Exo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-headings: "Exo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --tracking-heading: 1px;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(0, 42, 92, .05), 0 6px 18px rgba(0, 42, 92, .06);
  --shadow-hover: 0 2px 4px rgba(0, 42, 92, .08), 0 14px 30px rgba(0, 42, 92, .12);
  --spacing: 16px;
  --max-hub: 520px;
  --max-landing: 760px;
}