/* Landing-A design tokens (copied from web/preview-a.css :root). Linked first on every page; the --a-* aliases let
   site.css, brand.css and style.css, which reuse names like --bg / --ink / --paper with other meanings, still read them. */
:root{
  --bg:#000; --bg-1:#070707; --bg-2:#0c0c0c; --bg-3:#121212;
  --line:#1c1c1c; --line-2:#2a2a2a; --line-3:#3a3a3a;
  --ink:#f4f4f2; --ink-2:#c4c4c0; --ink-3:#8d8d89; --ink-4:#5e5e5b;
  --red:#ff5a52; --red-tint:rgb(255 90 82 / .09); --red-line:rgb(255 90 82 / .45);
  --paper:#f4f4f2; --paper-ink:#0b0b0b;
  --serif:"Newsreader",Georgia,serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:6px; --wrap:1376px;
  --shadow:0 1px 0 rgb(255 255 255 / .04) inset,0 24px 60px -24px rgb(0 0 0 / .9),0 0 0 1px var(--line);

  --a-bg:#000; --a-bg-1:#070707; --a-bg-2:#0c0c0c; --a-bg-3:#121212;
  --a-line:#1c1c1c; --a-line-2:#2a2a2a; --a-line-3:#3a3a3a;
  --a-ink:#f4f4f2; --a-ink-2:#c4c4c0; --a-ink-3:#8d8d89; --a-ink-4:#5e5e5b;
  --a-red:#ff5a52; --a-red-tint:rgb(255 90 82 / .09); --a-red-line:rgb(255 90 82 / .45);
  /* amber is retired: the old alias now reads the caution red, so every legacy var(--amber) is red */
  --a-amber:var(--v-caution); --a-amber-tint:rgb(255 90 82 / .08);
  --a-serif:"Newsreader",Georgia,serif; --a-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  /* Verdict semantics (2026-10-24): red/grey only, no green/orange/amber. Mirrored in src/render.ts THEME.
     larp = solid red fill · caution = red outline (--v-caution-dark where it fills) · partial = light red outline ·
     real = solid white fill · neutral = grey (unverified/unchecked/abstain) · good = muted grey (CLEAN, NOT BUNDLED). */
  --v-larp:#ff5a52; --v-caution:#ff5a52; --v-caution-dark:#c8322b; --v-partial:#ff9a94;
  --v-real:#f4f4f2; --v-neutral:#8d8d89; --v-good:#c4c4c0; --v-on-fill:#000;
  --v-caution-tint:rgb(255 90 82 / .08); --v-partial-line:rgb(255 154 148 / .55);

  /* CHECKING NOW panel (landing hero, web/checking-now.js): thin red frame, soft red glow, dark screen (never white). */
  --cn-border:var(--a-red-line); --cn-glow:0 0 0 1px rgb(255 90 82 / .12),0 0 34px -8px rgb(255 90 82 / .38);
  --cn-bg:var(--a-bg-1); --cn-screen:#050505; --cn-bar:var(--a-bg-2); --cn-tick:var(--a-red); --cn-dot:var(--a-red);
  --cn-ink:var(--a-ink-2); --cn-muted:var(--a-ink-3); --cn-step-line:var(--a-line);
  --cn-ratio:16 / 10; --cn-max:560px; --cn-max-sm:420px;
  color-scheme:dark;
}
html{background:var(--a-bg)}