/* Buena Mono — override frame for generated tool reports (fontspector, gftools proof).
   Retints the page chrome to the site palette WITHOUT touching test-font rendering:
   body font-family is deliberately NOT !important, so class-level rules that assign
   the sampled font (e.g. .box-text) keep winning. */
@font-face {
  font-family: "Buena Mono VF";
  src: url("/fonts/BuenaMono-VF.subset.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --c-bg-primary: #000000;
  --c-bg-surface: #0B0B0B;
  --c-bg-elevated: #161616;
  --c-text-primary: #EDEDED;
  --c-text-secondary: #A0A0A0;
  --c-text-tertiary: #6E6E6E;
  --c-border: #262626;
  --radius: 10px;
  --fs-base: 14px; --fs-data: 13px; --fs-label: 11px;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --c-bg-primary: #FFFFFF;
    --c-bg-surface: #FAFAFA;
    --c-bg-elevated: #F2F2F2;
    --c-text-primary: #0A0A0A;
    --c-text-secondary: #525252;
    --c-text-tertiary: #8A8A8A;
    --c-border: #E4E4E4;
  }
}

html, body {
  background-color: var(--c-bg-primary) !important;
  color: var(--c-text-primary) !important;
}
body { font-family: "Buena Mono VF", ui-monospace, "SF Mono", Menlo, monospace; }

a { color: var(--c-text-primary) !important; }

/* fontspector chrome */
header { border-bottom-color: var(--c-border) !important; }
h1, h2, h3, h4 { color: var(--c-text-primary) !important; }
h3 { border-top-color: var(--c-border) !important; }
main { max-width: 820px !important; }
th, td { border-color: var(--c-border) !important; }
tr:nth-child(even) { background-color: var(--c-bg-surface) !important; }
.check__idlabel { color: var(--c-text-tertiary) !important; }
.rationale { background-color: var(--c-bg-surface) !important; border-left: 2px solid var(--c-border); border-radius: var(--radius); }

/* gftools proof chrome */
.box-title { border-top-color: var(--c-border) !important; color: var(--c-text-secondary) !important; }
.nav-item {
  background-color: var(--c-bg-elevated) !important;
  color: var(--c-text-primary) !important;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
}

/* Rounded surfaces across generated tool reports */
pre, code, .rationale, .nav-item, .box, details, img, iframe {
  border-radius: var(--radius);
}
table {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
th, td { border: none !important; border-bottom: 1px solid var(--c-border) !important; }
tr:last-child td, tr:last-child th { border-bottom: none !important; }

/* Standardized typography for readability (matches theme.css scale) */
body { font-size: var(--fs-base) !important; line-height: 1.7 !important; }
h2 { border-bottom: 3px double var(--c-border); padding-bottom: 8px; text-transform: uppercase; letter-spacing: 0.06em; }
pre, td { font-size: var(--fs-data) !important; }
th { font-size: var(--fs-label) !important; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-text-tertiary) !important; }
.tooltip { border-bottom-color: var(--c-border) !important; }

/* Sticky report nav */
.rpt-nav {
  position: sticky; top: 0; z-index: 999;
  display: flex; align-items: center; gap: 10px;
  padding: 13px 24px;
  background: var(--c-bg-primary) !important;
  border-bottom: 1px solid var(--c-border);
  font-family: "Buena Mono VF", ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
}
.rpt-nav a { color: var(--c-text-secondary) !important; text-decoration: none; }
.rpt-nav a:hover { color: var(--c-text-primary) !important; }
.rpt-nav .rpt-sep { color: var(--c-border) !important; }
.rpt-nav .rpt-here { color: var(--c-text-primary) !important; }