/* home-diagnostics-tokens.css
 * Design tokens required by the report / finder markup.
 *
 * Only tokens the editorial stylesheets do NOT define are declared here, so
 * the editorial typography (notably the Cormorant serif --font-display)
 * keeps ownership of the shared names. Loaded AFTER the editorial CSS.
 */
:root {
  --c-accent: #1a1a1a;
  --c-bg: #ffffff;
  --c-bg-2: #fafafa;
  --c-brand-violet: #C11BE2;
  --c-brand-violet-wash: #F4EEF5;
  --c-brand-violet-wash-deep: #EBDFEE;
  --c-dark: #101114;
  --c-dark-ink: #ffffff;
  --c-faint: #a6a9b0;
  --c-ink: #16171a;
  --c-ink-soft: #45474d;
  --c-line: rgba(0, 0, 0, 0.09);
  --c-line-strong: rgba(0, 0, 0, 0.16);
  --c-muted: #797c85;
  --c-on-violet-wash: #634C67;
  --c-surface: #ffffff;
  --c-violet-wash-shadow: rgba(95, 74, 98, 0.18);
  --c-wash-edge: rgba(95, 74, 98, 0.22);
  --c-wash-edge-strong: rgba(95, 74, 98, 0.36);
  --container: 1180px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fs-body: 1.0625rem;
  --fs-h1: clamp(2rem, 9vw, 2.75rem);
  --fs-h2: clamp(1.6rem, 7vw, 2rem);
  --fs-h3: clamp(1.25rem, 1.9vw, 1.625rem);
  --fs-lead: clamp(1.0625rem, 1.5vw, 1.375rem);
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;
  --gutter: 1.5rem;
  --radius-md: 6px;
  --radius-pill: 999px;
  --radius-sm: 4px;
  --section-y: clamp(2.5rem, 6.5vw, 3.5rem);
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Report status tints. The report conveys state by tinting the surface, not
     by drawing an accent rule down the left edge: the homepage composition lock
     requires that "contrast that carries meaning uses tint, not lines". */
  --c-status-pass-tint: rgba(22, 115, 74, 0.075);
  --c-status-review-tint: rgba(183, 121, 31, 0.085);
  --c-status-fail-tint: rgba(180, 35, 24, 0.07);
}