/* Havant — token del design system "Havant (per tutti)": colori, spazi, raggi, ombre e font.
   Solo variabili e @font-face: le classi tipografiche del design system (.title, .body, .badge, ...)
   non sono incluse perché si sovrapporrebbero a quelle di Bootstrap. */
:root {
  --ink: #002da0;
  --ink-muted: #000000;
  --brand: #002da0;
  --brand-bright: #005deb;
  --cyan: #4ec2ec;
  --indigo: #1c3b8d;
  --midnight-blue: #001450;
  --pulse-blue: var(--brand);
  --root-blue: #065da8;
  --polar-blue: #00d4ff;
  --surface: #ffffff;
  --surface-tint: #eef3fd;
  --surface-soft: #f6f8fc;
  --line: #d9e0ec;
  --line-blue: #9db4e6;
  --on-brand: #ffffff;
  --shadow-card: 0 2.67px 13.33px rgba(11, 31, 75, 0.10);
  --shadow-tile: 0 1.33px 6.67px rgba(11, 31, 75, 0.12);

  --space-1: 5.87px;
  --space-2: 11.47px;
  --space-3: 19.2px;
  --space-4: 21.07px;
  --space-5: 24px;
  --space-6: 57.6px;
  --radius-sm: 6.16px;
  --radius-md: 7.68px;
  --radius-pill: 9999px;
  --size-disc: 48px;
  --size-disc-xs: 40.27px;
  --size-icon: 22.13px;

  --font-display: "Prompt", system-ui, sans-serif;
  --font-sans: "Raleway", system-ui, sans-serif;
  --text-eyebrow: 600 13.33px/1.2 var(--font-display);
  --text-eyebrow-sm: 600 12px/1.2 var(--font-display);
  --text-caption: 400 12px/1.2 var(--font-sans);
}

@font-face {
  font-family: "Prompt";
  src: url("fonts/prompt-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prompt";
  src: url("fonts/prompt-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prompt";
  src: url("fonts/prompt-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("fonts/raleway-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("fonts/raleway-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
