/* Retheme for the /r/ audit reports, loaded after each report's own <style>.
   The reports share one set of token names, so redefining the tokens is enough: content and
   layout stay exactly as published. The second selector matches the reports' dark-mode block,
   so the reports stay light like the site. */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap");

:root,
:root:not([data-theme="light"]) {
  color-scheme: light only;
  --bg: #F7F3EC; --surface: #FBF9F5; --surface-2: #EFEAE0;
  --ink: #2B2A26; --ink-2: #5E594F; --muted: #8A8578;
  --line: #E2DCCF; --line-strong: #CFC8B8;
  --accent: #2B2A26; --accent-soft: #EFEAE0; --accent-ink: #F7F3EC;
  --pass: #2E7D4F; --pass-soft: #E3EDE3;
  --fail: #B4553A; --fail-soft: #F4E3DA;
  --fixed: #4F6577; --fixed-soft: #E5E7E3;
  --major: #9A6A1E; --major-soft: #F2E7D1;
  --logo-teal: #B4AD9E; --logo-navy: #2B2A26;
  --glow: rgba(43, 42, 38, 0.04);
  --shadow: 0 1px 2px rgba(58, 55, 47, 0.04), 0 10px 30px -18px rgba(58, 55, 47, 0.25);
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

::selection { background: #E6DCC8; }

/* Quieter headings, closer to the site: regular weight, a little smaller, less tightly set. */
h1, h2, .tile-num, .reward b { font-weight: 400; }
h1 { font-size: clamp(1.9rem, 3.6vw, 2.7rem); letter-spacing: -0.02em; line-height: 1.15; }
h1.long { font-size: clamp(1.6rem, 3vw, 2.3rem); }
h2 { letter-spacing: -0.015em; }
.brand { font-weight: 500; }