/* Coninet / Sport e Salute — Color tokens
   Institutional palette from the Sport e Salute Brand Manual "Elementi Base" (Nov 2021).
   Digital/UI palette observed on the sportesalute.eu web presence. */
:root {
  /* --- Institutional palette (Brand Manual, PMS) --- */
  --blu-2767: #12284c;        /* PMS 2767 C · CMYK 96/82/44/44 · RGB 18/40/76 · RAL 5013 */
  --verde-7482: #009f4d;      /* PMS 7482 C · CMYK 90/0/93/0  · RGB 0/159/77 · RAL 6024 */
  --rosso-185: #e4002b;       /* PMS 185     · CMYK 0/93/80/0  · RGB 228/0/43 · RAL 3020 */
  --cool-grey-7: #9d9d9d;     /* PMS Cool Grey 7 · CMYK 0/0/0/50 · RGB 157/157/157 · RAL 7042 */

  /* --- Digital / UI palette (web) --- */
  --navy-deep: #071d49;       /* Hero background, primary dark surface */
  --navy-mid: #192f5f;        /* Secondary navy, hover on dark */
  --medium-blue: #006ead;     /* Primary CTA, links, interactive */
  --sky-blue: #3293d6;        /* Decorative arcs, link accents */

  /* --- Neutrals & surfaces --- */
  --black: #000000;
  --white: #ffffff;
  --page-bg: #f3f4f6;         /* Light page / section fill */
  --off-white: #f7f7f7;       /* Footer & secondary sections */
  --light-grey-surface: #dbdfe7; /* Dividers, tab panels, subtle separators */
  --grey-500: #9d9d9d;
  --grey-700: #5c6470;
  --grey-900: #2a3342;

  /* --- Semantic aliases --- */
  --color-brand: var(--blu-2767);
  --color-hero-surface: var(--navy-deep);
  --color-hero-surface-2: var(--navy-mid);
  --color-action: var(--medium-blue);
  --color-action-hover: var(--navy-mid);
  --color-accent: var(--sky-blue);

  --text-heading: var(--blu-2767);
  --text-body: var(--navy-deep);
  --text-muted: var(--grey-700);
  --text-on-dark: var(--white);
  --text-on-dark-muted: rgba(255, 255, 255, 0.7);
  --text-link: var(--medium-blue);

  --surface-page: var(--page-bg);
  --surface-card: var(--white);
  --surface-alt: var(--off-white);
  --surface-dark: var(--navy-deep);

  --border-subtle: var(--light-grey-surface);
  --border-strong: var(--cool-grey-7);

  --color-success: var(--verde-7482);
  --color-danger: var(--rosso-185);
  --color-tricolor-green: var(--verde-7482);
  --color-tricolor-red: var(--rosso-185);
}