/* Arcane Engineering design system 1.0.1, the core palette (light). GENERATED from tokens.json by tools/build.ts: edit that, not this.
   The core palette: white page, dark ink, one accent, District green (#007A33, the TfL District line). Marco picked the light look on hq#455 and District green on hq#464, approved it on the site on hq#483 and made it the core brand on hq#484. Green is the one accent: the header rule, buttons, the call-to-action box, link underlines, hover and focus. The plate keeps its Vulcan gunmetal and brass, and brass stays inside the plate. */
@font-face { font-family: "Gidole"; src: url("fonts/Gidole-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Besley"; src: url("fonts/Besley-VF.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }

:root {
  /* light colours */
  --page: #FFFFFF; /* The page. Everything sits on white. */
  --text: #15171A; /* Headings and body text. Contrast 18.0:1 on the page. */
  --text-2: #4B5057; /* Intros, card text, captions. Contrast 8.1:1 on the page. */
  --text-3: #6A6F76; /* Small print: the "by" line in the header, the footer. Contrast 5.1:1 on the page. */
  --line: #E3E5E8; /* Hairlines: header, footer. */
  --card-line: #DCDFE3; /* Card borders, a shade darker than the hairlines. */
  --accent: #007A33; /* District green. White text on it: contrast 5.5:1. */
  --accent-hover: #00602A; /* A darker green for hover: buttons and link underlines. */
  --mark: var(--accent); /* The one emphasis outside the plate (brass on the dark theme). */
  --plate: #4E5153; /* Vulcan gunmetal, the same on both themes. */
  --plate-text: #F9EBAE; /* The lettering on the plate. */
  --plate-rim: #D8C27A; /* Brass: the plate's raised rim and its four rivets. */
  --plate-line: #7A7B76; /* The plate's inner border and the rule between the two names. */
  --frame: #4E5153; /* Gunmetal photo frames. */
  --frame-line: #C9CCD0; /* The photo frame's cross. */

  --font: "Gidole", "DIN 1451", system-ui, sans-serif; /* Everything except the headings. DIN 1451 lineage, SIL OFL. */
  --font-heading: "Besley", Georgia, serif; /* Clarendon revival, SIL OFL (hq#94). Regular (400) only: the H1, the H2s and the call-to-action question. */

  --size-h1: 31px; /* The page title, in --font-heading. */
  --size-h2: 21px; /* Section titles and the call-to-action question, in --font-heading. */
  --size-body: 17px; /* The base. Body text, card titles, form text. */
  --size-small: 15px; /* Header name, buttons, card text, footer. */
  --size-caption: 13px; /* Photo labels, figure captions, step labels. */

  --leading-h1: 1.375;
  --leading-h2: 1.4;
  --leading-body: 1.625; /* Running text. */
  --leading-ui: 1.5; /* The page default: card titles, single lines. */
  --leading-small: 1.43;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 17px; /* One line of body text: the base step. */
  --space-5: 21px;
  --space-6: 25px;
  --space-7: 34px;
  --space-8: 42px;
  --space-9: 51px;
  --space-10: 60px; /* Between sections on the home page. */
  --space-11: 68px;

  --radius: 6px; /* The plate's own corner. Buttons, cards, boxes, photos. */
  --col: 714px; /* The one reading column, measured on nila.is at 1440 px. */
}