/* tokens.css - Tony Gunning, Electrical and Technical Services. Every colour is the logo's (assets-real/brand/logo-source.png,
   _research/logo-measure.json): navy #102348 is the mark's body, the blue node #2A78EC ends its trace, white is its
   ground. The rest are tints and shades of those three; nothing is picked from outside the mark.
   Type: fp.14, Outfit (the wordmark's geometric capitals) + Work Sans (the phone's x-height). OFL, self-hosted. */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/Outfit-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/WorkSans-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Outfit Fallback";
  src: local("Arial");
  size-adjust: 105.38%;
  ascent-override: 94.89%;
  descent-override: 24.67%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Work Sans Fallback";
  src: local("Arial");
  size-adjust: 111.89%;
  ascent-override: 83.11%;
  descent-override: 21.72%;
  line-gap-override: 0%;
}

:root {
  /* the mark */
  --navy: #102348;          /* the mark's body: dark bands, headings, buttons on light */
  --navy-deep: #0a1730;     /* shadow of the navy: the footer, the board's rail channel */
  --navy-lift: #1a3263;     /* light of the navy: a second plane on a dark band */
  --navy-line: #213d72;     /* faint traces on the navy ground */
  --node: #2a78ee;          /* the trace's end node (measured: node body): the ONE accent - lamps, ticks, the live trace */
  --node-glow: #a4cbf7;     /* a lit lamp's core (measured: node light) */
  --node-tint: #6aa1f2;     /* the node as text on navy (6.0:1) */
  --node-deep: #1f5fc4;     /* the node as text on white (6.0:1) */
  --paper: #ffffff;         /* the logo's own ground */
  --wall: #e8eef7;          /* a cool wall tint of the navy: the board and the ask */
  --wall-line: #c9d4e6;
  --ink: #102348;           /* text on paper is the mark's navy */
  --ink-soft: #46536d;      /* secondary text on paper (8.0:1) and on wall (6.8:1) */
  --on-navy: #e3ebf7;       /* text on navy (12.9:1) */
  --on-navy-soft: #a9b8d3;  /* secondary text on navy (7.8:1) */

  --font-display: "Outfit", "Outfit Fallback", Arial, sans-serif;
  --font-text: "Work Sans", "Work Sans Fallback", Arial, sans-serif;

  --pad: 20px;
  --band: 40px;             /* section padding on a phone (JORDON_PREFERS) */
  --radius: 2px;            /* switchgear corners: square */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --snap: cubic-bezier(.3, 1.4, .5, 1);
}
@media (min-width: 768px) {
  :root { --pad: 40px; --band: 72px; }
}
@media (min-width: 1200px) {
  :root { --band: 96px; }
}