/* WayzCore design tokens (October 2026, "Swiss editorial, flat colour").
   Rules of the system: white pages, navy type, thin rules instead of boxes, square corners, no shadows,
   no gradients. Colour arrives as flat, full-width fields: each IT service owns one colour, with a text colour
   that passes WCAG AA on it (--c = field, --cf = text on the field). */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../fonts/archivo-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-variable.woff2") format("woff2");
}

:root {
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;

  --ink: #0B1B3F;        /* headings, rules, primary buttons */
  --text: #24324D;       /* body text (11.9:1 on white) */
  --muted: #56647D;      /* secondary text (5.6:1 on white) */
  --line: #D5DCE8;       /* light dividers */
  --wash: #F3F5F9;       /* rare quiet surface (form fields) */
  --white: #FFFFFF;

  --blue: #1F5BFF;       /* links and actions (5.3:1 on white) */
  --blue-dark: #1546D6;
  --sun: #FFB020;        /* the closing call-to-action field (navy text on it) */

  /* Service fields: --c is the colour, --cf the text on it */
  --web: #1F5BFF;      --web-f: #FFFFFF;
  --software: #6A35E8; --software-f: #FFFFFF;
  --network: #087A48;  --network-f: #FFFFFF;
  --security: #D6286F; --security-f: #FFFFFF;
  --cloud: #00838F;    --cloud-f: #FFFFFF;
  --data: #FFB020;     --data-f: #0B1B3F;
  --iot: #FF6B2C;      --iot-f: #0B1B3F;

  --success: #0E7A49;  --danger: #C21F3A;

  --container: 1240px;
  --gutter: 24px;
  --section: 112px;
  --header-h: 76px;
}

@media (max-width: 767px) {
  :root { --gutter: 18px; --section: 72px; --header-h: 64px; }
}