/* John West Consulting's typefaces (the user, 2026-10-07, after the design review): Source Sans 3 for
   the product (the client area, the login, the reports) and Source Serif 4 for the public site's
   headline only. Adobe's releases (Source Sans 3.052R, Source Serif 4.005R), self-hosted, open licence
   (fonts/LICENSE-SourceSans3.md, LICENSE-SourceSerif4.md). One WOFF file per weight, cut to the
   characters we use: Latin, punctuation, arrows, the minus, approximately equal, less-or-equal and
   Greek (the reports use ↑ ↓ → ≈ ≤ − × ÷ · α). Source Sans digits are all one width (tabular) by
   default. Weights: Sans 400, 400 italic, 600, 700; Serif 600. A weight not listed (say 500) is
   drawn with the nearest one. */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3-Regular.woff") format("woff");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3-Italic.woff") format("woff");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3-Bold.woff") format("woff");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/SourceSerif4-SemiBold.woff") format("woff");
}

:root {
  --font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  color-scheme: dark;
  /* The dark palette. --bg is the page (#232E3B, the user's colour-picker value from the old
     under-construction page); --panel is a card on it, one step lighter; --bar is the fixed bars,
     one step darker; --border is the quiet edge; the rest is text. All checked for contrast
     (text 12:1, muted 7:1, gold 7:1 on the page). One place to change the look of every page. */
  --bg: #232e3b;
  --panel: #2d3b4c;
  --border: #40546a;
  --bar: #1a222c;
  --text: #eef0f2;
  --muted: #b3bdc8;
  --accent: #d8b36a;
  --error: #f4b0b0;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.5;
}

a {
  color: var(--accent);
}