/* Vampcheck: a counting house after dark. Every colour, font, radius and easing the site uses is a token here
   (DESIGN.md has the meanings and the budget). base.css and vamp.css only read them. */
@font-face { font-family: Fraunces; src: url(/fonts/fraunces-latin-800-normal.woff2) format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url(/fonts/instrument-sans-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url(/fonts/instrument-sans-latin-600-normal.woff2) format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;

  /* the night, and the desk surfaces on it */
  --bg: #0e0a0b;
  --bg-2: #130d0f;
  --surface: #171012;
  --surface-2: #21171a;

  /* hairlines: bone at low strength */
  --line: rgba(241, 232, 220, 0.08);
  --line-2: rgba(241, 232, 220, 0.14);
  --line-3: rgba(241, 232, 220, 0.24);

  /* text */
  --ink: #f1e8dc;
  --ink-2: #cbbdb0;
  --muted: #9a8b81;

  /* ONE accent, ONE meaning: money a vamp pays an original (and the bite, and the one primary action) */
  --accent: #e5394a;
  --on-accent: #170a0c;

  /* the cheque's paper, and only the cheque */
  --paper: #ede4d6;
  --paper-ink: #2a1c1e;
  --paper-2: #7a6a62;
  --paper-line: rgba(42, 28, 30, 0.16);

  /* states only, never decoration. Errors are amber, so red keeps its one meaning. */
  --good: #7cc79a;
  --bad: #ee8e5e;
  --warn: #e9c46a;

  --font-display: Fraunces, 'Iowan Old Style', Georgia, serif;
  --font-text: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display-weight: 800;
  --display-tracking: -0.035em;

  /* a ledger's corners: crisp, small */
  --r-sm: 4px;
  --r: 6px;
  --r-lg: 8px;
  --r-pill: 6px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(241, 232, 220, 0.03) inset, 0 18px 40px -28px rgba(0, 0, 0, 0.9);

  /* quick out, settles exactly */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t: 280ms;

  --wrap: 1220px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}