/* Fix Italia — design tokens (dal logo: navy #001C30, verde #00733E→#009447, rosso #EB0017→#FF001C) */
:root {
  /* brand */
  --navy: #001C30;
  --navy-900: #00121F;
  --navy-800: #0C2B44;
  --navy-700: #16324A;
  --navy-600: #2D4A63;
  --green: #00733E;
  --green-700: #00673A;
  --green-bright: #1FB463;
  --green-bg: #E2F3EA;
  --green-line: #C4E4D2;
  --red: #EB0017;
  --red-text: #D10015;
  --red-700: #B50013;
  --red-bright: #FF2A3C;
  --red-bg: #FDE7E9;
  --amber-text: #7A4F00;
  --amber-dot: #B07200;
  --amber-bg: #FFF1D6;
  --blue-text: #1C4466;
  --blue-bg: #E3ECF4;

  /* neutri */
  --paper: #F4F5F2;
  --white: #FFFFFF;
  --line: #D9DDE0;
  --line-soft: #ECEEEF;
  --line-strong: #C3CAD0;
  --muted: #4F5B66;
  --text-2: #33414D;
  --on-dark: #C7D2DC;
  --on-dark-muted: #8FA3B5;

  /* grafo (tema scuro "informatica") */
  --g-bg: #03192A;
  --g-dot: #173650;
  --g-node: #0B2438;
  --g-node-line: #1F3D55;
  --g-edge: #4A6378;
  --g-text: #E6EDF3;
  --g-origin: #FF6B78;
  --g-exploit: #FFB020;
  --g-asset: #5CB8FF;
  --g-impact: #C792EA;
  --g-patch: #2FD27A;

  /* tipografia */
  --font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* misure */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --pill: 999px;
  --gutter: 20px;
  --maxw: 1280px;
  --header-h: 64px;
  --tabbar-h: 60px;
  --tabbar-float-gap: 10px;
  --tabbar-offset: 0px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

html.is-app {
  /* tabbar flottante: altezza + gap dal bordo + safe area */
  --tabbar-offset: calc(var(--tabbar-h) + var(--tabbar-float-gap) + var(--safe-bottom) + 12px);
}
@media (min-width: 1024px) {
  html.is-app { --tabbar-offset: 0px; }
}

@media (min-width: 768px) {
  :root { --gutter: 40px; --header-h: 80px; }
}
@media (min-width: 1200px) {
  :root { --gutter: 80px; --header-h: 92px; }
}