/* tokens.css — loaded FIRST among stylesheets. Type scale + density (lane L1). Colour tokens live in osiris-tokens.css / theme-store. */
:root {
  --fs-caption: 11px; /* smallest text anywhere in the UI (floor) */
  --fs-label: 12px;
  --fs-body: 13px;
  --fs-emph: 15px;
  --fs-section: 18px;
  --fs-title: 24px;
  --fs-display: 32px;
  --density-pad-y: 3px;   /* table / list row padding, Comfortable */
  --density-pad-x: 6px;
}
/* Settings > Panel density > Compact (class on <html>) */
html.density-compact {
  --density-pad-y: 1px;
  --density-pad-x: 4px;
}
html.density-compact #right-panel td,
html.density-compact #right-panel th,
html.density-compact #sidebar td,
html.density-compact #sidebar th,
html.density-compact .report-bar td,
html.density-compact .report-bar th {
  padding-top: var(--density-pad-y);
  padding-bottom: var(--density-pad-y);
  padding-left: var(--density-pad-x);
  padding-right: var(--density-pad-x);
  line-height: 1.2;
}
html.density-compact #right-panel li,
html.density-compact #sidebar li {
  padding-top: var(--density-pad-y);
  padding-bottom: var(--density-pad-y);
}