/* ============================================================================
 * theme.css - ONE palette and one set of type, for every page.
 *
 * WHY THIS FILE EXISTS. The palette was duplicated in six inline :root blocks -
 * validate.html, validate-is.html, login.html, forgot.html, reset.html and
 * index.html - which agreed by hand and drifted by hand. login, forgot and
 * reset were already a variable short (--amber), and only index.html loaded the
 * fonts, which is most of why the pages looked unrelated rather than merely
 * differently laid out.
 *
 * THE NAMES ARE THE ENGINES', not index.html's, and deliberately: --bg, --ink,
 * --muted, --card say what they are. index.html's vocabulary used --ink for the
 * BACKGROUND and --paper for the text - an inversion that reads as a mistake
 * every time it is met - and had a variable called --gold holding, by the end,
 * a near-black.
 *
 * THE FONTS ARE IMPORTED HERE so that linking one file is enough. An @import is
 * a second round trip; index.html keeps its own <link rel="preconnect"> and
 * font <link> as well, which the browser de-duplicates, so the page that had
 * the fastest font load does not lose it to a tidy-up.
 * ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Inter+Tight:wght@300;400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* SURFACES. --bg is the warm cream the five engine and auth pages already
     used. index.html was moved to #EBEEF0 steel; the cream is taken because it
     is what is on the pages that work, and the point of the steel change was
     removing a blue wash - which cream does equally well and warmer. */
  --bg: #f8f7f4;
  --surface: #f0efe9;
  --card: #ffffff;
  --white: #ffffff;

  /* INK AND LINES */
  --ink: #1a1f2e;
  --muted: #7a8099;
  --line: #e8e8e4;
  --card-border: #e2e1db;

  /* ACCENT AND STATUS. --amber was missing from login, forgot and reset - they
     inherit it now rather than being three variables short of the engines. */
  --blue: #2E75B6;
  --blue-light: #3a8fd4;
  --green: #27ae60;
  --amber: #d4860a;
  --red: #c0392b;

  /* TYPE. Declared here so a page states a font stack once. The engine and auth
     pages hard-coded -apple-system and never loaded a webfont at all. */
  --sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}