@charset "utf-8";
/* ==========================================================================
   GENERATED FILE — do not edit.
   Every value here comes from the `theme` block in config.js.
   Change it there and run: node tools/sync.mjs --write
   ========================================================================== */
:root {
  /* Palette. Blue carries the identity; yellow is only ever on something
     meant to be tapped. There is no third accent colour. */
  --blue: #343A50;
  --yellow: #E3A830;
  --ink: #111418;
  --bg: #FBFBF9;
  --grey: #6B7280;
  --surface: #FFFFFF;
  --blue-deep: #262A3B;
  --blue-tint: #EDEEF2;
  --blue-line: #D4D6DE;
  --yellow-deep: #C08E28;
  --yellow-tint: #FAEED7;
  --line: #E4E4E0;
  --line-strong: #CFCFC9;
  --on-blue: #FFFFFF;
  --on-blue-muted: #D1D4DC;
  --on-yellow: #111418;
  --focus: #343A50;
  --error: #B3261E;
  --error-tint: #FCEEEC;

  /* Type */
  --font-sans: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-numeric: "SF Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;

  /* Layout */
  --max-width: 68rem;
  --measure: 38rem;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);
  --radius: 0.75rem;
  --radius-small: 0.5rem;
  --tap: 2.75rem;
  --icon: 1.5rem;
  --float-size: 3.5rem;
  --float-gap: 1rem;
  --float-gap-wide: 1.5rem;

  /* Space held free at the foot of <main> so the floating action button's
     resting position is never over content. Derived from the button's own
     size and gap — never typed out — and 0 when the button is switched off
     in config.sections.global.floatingAction. */
  --float-reserve: calc(var(--float-size) + var(--float-gap));
}