/* Legacy map: runs the existing site_audit19/styles.css on brand v1 tokens.
   Load order: fonts.css, tokens.css, styles.css, then THIS file last (styles.css sets the old names on :root, so this must come after it). */
:root,[data-theme]{
  --ink:var(--rg-text);
  --muted:var(--rg-text-muted);
  --line:var(--rg-border);
  --bg:var(--rg-surface-2);
  --accent:var(--rg-accent-text);      /* old --accent was link text AND button fill; button fill is fixed below */
  --accent-dark:var(--rg-accent-text);
  --accent-soft:var(--rg-accent-tint);
  --warn:var(--rg-med);
  --warn-bg:var(--rg-med-bg);
  --warn-line:var(--rg-med);
  --danger:var(--rg-high);
  --radius:var(--rg-radius-lg);
}
body{font-family:var(--rg-font-sans);color:var(--rg-text);background:var(--rg-bg)}
.site-header,.plan,.faq details{background:var(--rg-surface)}
.skip{background:var(--rg-text);color:var(--rg-bg)}
.prelaunch{border-bottom-color:var(--rg-border)}
.btn{background:var(--rg-accent);border-color:var(--rg-accent);color:var(--rg-on-accent);border-radius:var(--rg-radius-pill)}
.btn:hover{background:var(--rg-accent-hover);border-color:var(--rg-accent-hover)}
.btn.secondary{background:transparent;color:var(--rg-text);border-color:var(--rg-border-strong)}
.tag{background:var(--rg-med-bg);color:var(--rg-med);border-color:transparent}
.steps li::before{background:var(--rg-accent);color:var(--rg-on-accent)}
.cta{background:var(--rg-surface-2);color:var(--rg-text);border:1px solid var(--rg-border)}
.cta h2{color:var(--rg-text)}
.cta p{color:var(--rg-text-muted)}
.cta .btn.secondary{color:var(--rg-text);border-color:var(--rg-border-strong)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--rg-focus);outline-offset:2px}
.mono,code,kbd{font-family:var(--rg-font-mono)}