/* Latch web design tokens: the shear line. Warm charcoal, cream ink, one citron accent. See latch/web/DESIGN.md.
   Verdict colours are meaning only: --pass for a check that held, --fail for one that did not. */
@font-face {
  font-family: "Mona Sans";
  src: url("/static/fonts/mona-sans-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-stretch: 75% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Azeret Mono";
  src: url("/static/fonts/azeret-mono-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #24201d;
  --surface: #2e2925;
  --inset: #1b1815;
  --line: #4a433d;
  --line-soft: #393430;
  --ink: #f1f0ec;
  --body: #e5e2da;
  --muted: #b2a998;
  --faint: #9d9484;
  --accent: #dfe86a;
  --on-accent: #23200f;
  --pass: #86dba0;
  --pass-field: #1d3b2b;
  --fail: #ff8f7c;
  --fail-field: #4b2520;

  --font-display: "Mona Sans", ui-sans-serif, "Helvetica Neue", sans-serif;
  --font-body: "Mona Sans", ui-sans-serif, "Helvetica Neue", sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --t-hero: clamp(2.5rem, 7vw, 6.5rem);
  --t-figure: clamp(3.25rem, 6.4vw, 5.75rem);
  --t-title: clamp(1.5rem, 2.4vw, 2rem);
  --t-lead: 1.1875rem;
  --t-base: 1.0625rem;
  --t-small: 0.875rem;
  --t-label: 0.75rem;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 72px; --space-9: 112px;
  --radius: 3px;
  --radius-panel: 4px;
  --measure: 60ch;
  --page: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --ease: cubic-bezier(0.22, 0.8, 0.3, 1);
}