/* Hushlot: wax and paper. Every colour, font, radius, shadow and easing is a token; base.css and hushlot.css only
   read them. DESIGN.md has the jobs and the budget: paper 72, ink 20, kraft 4, wax 3, states 1. */
:root {
  color-scheme: light;

  /* paper, from the page to the sheet an envelope is made of */
  --bg: #F3EEE4;
  --bg-2: #ECE5D7;
  --surface: #FBF9F4;
  --surface-2: #F1EBDF;
  --kraft: #D9C29A;       /* envelope edges in a stack, nothing else */
  --kraft-2: #C9AE7F;

  /* hairlines, in the ink colour at low strength */
  --line: rgba(27, 30, 51, 0.10);
  --line-2: rgba(27, 30, 51, 0.18);
  --line-3: rgba(27, 30, 51, 0.28);

  /* blue-black ink */
  --ink: #1B1E33;
  --ink-2: #45485D;
  --muted: #62647A;

  /* ONE accent with ONE meaning: wax is only for seals, sealed things and the "Seal a bid" button.
     Primary buttons are ink. */
  --wax: #B32A1E;
  --wax-deep: #7E1A11;
  --on-wax: #FBF4EC;
  --accent: var(--ink);
  --on-accent: #FBF9F4;

  /* states only, never decoration (bad is burnt orange, so it is never mistaken for wax) */
  --good: #2E6B3F;
  --bad: #A6460F;
  --warn: #8A6100;

  --font-display: 'Besley', 'Rockwell', Georgia, serif;
  --font-text: 'Public Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Courier Prime', 'Courier New', ui-monospace, monospace;
  --display-weight: 800;
  --display-tracking: -0.025em;

  --r-sm: 4px;
  --r: 6px;
  --r-lg: 10px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  /* paper on paper: a hairline edge and one soft shadow, never a glow */
  --shadow: 0 1px 0 rgba(27, 30, 51, 0.05), 0 14px 28px -22px rgba(27, 30, 51, 0.35);
  --shadow-lift: 0 1px 0 rgba(27, 30, 51, 0.05), 0 22px 36px -24px rgba(27, 30, 51, 0.45);

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

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