/* Flip design tokens. The only place colours, the font and the type scale are defined (see DESIGN.md).
   Source: docs/design/scan-verdict.html (approved 9 Nov 2026). Change a token only in a PR that updates DESIGN.md and the visual baselines. */
@font-face {
  font-family: Inter;
  src: url(fonts/InterVariable.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Surfaces */
  --black: #000;
  --bg: #08090A;
  --card: #121416;
  --line: #1F2326;
  --line-soft: #16191B;
  --grab: #34383C;
  --rule: #2A2F33;
  --cam-1: #1c2420;
  --cam-2: #0c0f0e;
  --cam-3: #050606;

  /* Text */
  --text: #F4F6F7;
  --text-2: #E9ECEE;
  --mute: #8A9096;
  --faint: #5E646A;
  --tab-off: #7A8086; /* mockup #5A6066 lifted to 4.8:1 for WCAG AA (axe) */

  /* Verdict: green = buy it (the single accent), amber = maybe, red = pass */
  --go: #3CF28F;
  --go-hi: #5BFFA6;
  --go-tint: #B6FFD6;
  --go-ink: #02130A;
  --go-a05: rgba(60, 242, 143, .05);
  --go-a14: rgba(60, 242, 143, .14);
  --go-a35: rgba(60, 242, 143, .35);
  --go-a42: rgba(60, 242, 143, .42);
  --go-a70: rgba(60, 242, 143, .7);
  --maybe: #FFB547;
  --maybe-a14: rgba(255, 181, 71, .14);
  --pass: #FF5A5F;
  --pass-a14: rgba(255, 90, 95, .14);

  --glass: rgba(8, 9, 10, .62);
  --tabbar: rgba(8, 9, 10, .96);

  /* Type */
  --font: Inter, ui-sans-serif, system-ui, sans-serif;
  --fs-hero: 84px;
  --fs-xl: 21px;
  --fs-lg: 18px;
  --fs-md: 17px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;
  --fw-hero: 780;
  --fw-bold: 700;
  --fw-semi: 650;
  --fw-med: 500;

  /* Shape and space */
  --r-sheet: 32px;
  --r-btn: 18px;
  --r-card: 16px;
  --r-pill: 999px;
  --pad: 22px;
  --gap: 9px;
  --tabbar-h: 82px;
  --btn-h: 56px;

  /* Motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; }
}