:root {
  --gap: 12px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --table-number-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Numeric table-cell font scales with viewport. Max sized so the table
     at 100 % browser zoom matches the appearance the user prefers (the
     compact 75 % zoom screenshot). On narrow viewports / zoom-in the
     clamp() shrinks the font further down to 7 px so columns don't get
     squashed into each other. */
  --table-number-font-size: clamp(7px, 0.78vw, 9px);
  --table-number-font-weight: 500;

  --table-header-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --table-header-font-size: 13px;
  --table-header-font-weight: 500;
  --table-header-letter-spacing: 0.08em;
  --table-header-text-transform: uppercase;

  /* UI accent for tab-like controls (keeps your current dark theme) */
  --tabBlue: var(--accent);
  --tabBlueWeak: var(--accent-weak);
}

html { font-size: 14px; }

/* Make sure the page scrolls normally */
html, body {
  height: auto;
}

body {
  overflow-y: auto;
}

.mono { font-family: var(--mono); }