/* Il sito di Centro Cinofilo: caratteri e colori, uguali in tutte le pagine.
   Viene dopo assets/kit/system.css (e layout.css nella home), che ne leggono i token.

   I caratteri stanno su questo sito, non su Google Fonts: chi apre una pagina non manda
   niente a terzi (requisito dei dati nell'UE). Inter e Barlow Condensed, OFL, gli stessi
   dell'app. I colori sono quelli dell'app (mobile/lib/theme/app_colors.dart): Deep Teal,
   Celadon, Beige, Forest Black. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("font/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("font/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("font/barlow-condensed-latin-700-normal.woff2") format("woff2"); }

:root {
  --p-bg: #F7F8EF; --p-surface: #ECEFDF; --p-ink: #092122; --p-muted: #4B5D58;
  --p-accent: #0F3F3F; --p-accent-ink: #FFFFFF; --p-action: #0F3F3F; --p-action-ink: #FFFFFF;
  --p-inv-bg: #0F3F3F; --p-inv-surface: #165050; --p-inv-ink: #F7F8EF; --p-inv-muted: #C9DDB4;
  --p-inv-accent: #B6D298; --p-inv-accent-ink: #092122; --p-inv-action: #B6D298; --p-inv-action-ink: #092122;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-text: "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --display-weight: 600;
  --display-tracking: -0.005em;
  --display-tracking-xl: -0.01em;
  --ly-scale: 1;
  --ground-bg: #DCE2C8; --ground-surface: #E8ECDA; --ground-ink: #092122; --ground-muted: #4B5D58; --ground-accent: #0F3F3F;
}

.nav__logo img { width: 28px; height: 28px; border-radius: 7px; flex: none; }