/* Netarus design tokens.
   Same identity as the old site (Netarus logo, Lato, the two Netarus blues), refreshed:
   more white space, one type scale, photo-led sections, WCAG AA contrast throughout.
   Layout concept: full-bleed bands (photo, white, tinted, blue) with content in one centred column.
   Share these with the brand and document skill (PA-43). */
:root {
  /* Colour. Contrast on white: blue 5.4:1, blue-deep 7.4:1, ink 15:1, slate 7:1. */
  --blue: #0b6bbf;        /* Netarus blue: links, buttons */
  --blue-hover: #08528f;
  --blue-deep: #215889;   /* Netarus deep blue: bands, top bar */
  --blue-night: #12324f;  /* footer, photo overlays */
  --ink: #1b2733;         /* body text (blue-biased, not pure black) */
  --slate: #4b5b6a;       /* secondary text */
  --mist: #eef4f9;        /* tinted section background */
  --line: #d3dfe9;        /* borders and rules */
  --paper: #ffffff;
  --on-dark: #ffffff;
  --on-dark-soft: #c9d8e6; /* 9:1 on blue-night */
  --warn-bg: #fff6dc;
  --warn-line: #e0b54a;
  --warn-ink: #4d3300;
  --focus: #0b6bbf;
  --focus-on-dark: #ffd24a;

  /* Type: Lato only, as on the old site. */
  --font: "Lato", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --step-3: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --step-4: clamp(2.125rem, 1.5rem + 3vw, 3.5rem);
  --leading: 1.6;
  --leading-tight: 1.15;

  /* Space and shape */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: clamp(3rem, 2rem + 4vw, 5.5rem);
  --wrap: 72rem;
  --measure: 65ch;
  --radius: 6px;
  --shadow: 0 1px 2px rgb(18 50 79 / 0.08), 0 8px 24px rgb(18 50 79 / 0.08);
}