/* Generated from design/design.css by scripts/sync-design.mjs. Do not edit by hand. */
/* BioPharma Foundry shared design layer.
   Edit THIS file only. `node scripts/sync-design.mjs` copies it into every app as assets/design.css,
   and CI fails if a copy has been changed by hand. It loads after the app's own styles.css, so it wins. */

:root {
  --font-display: "TASA Explorer", myriad-variable, sans-serif;
}

/* Width 95: body text, tables, charts and inputs */
html, body, table, td, input, textarea, select, button, code, .chart text {
  font-stretch: 95%;
  font-variation-settings: "wdth" 95;
}

/* Table text: +1px (12.5px to 13.5px). Tables with their own size (table.ex) are left alone. */
:root table:not(.ex), :root table:not(.ex) td {
  font-size: 13.5px;
}

/* Table headers: JetBrains Mono */
:root th, :root .report th, :root .matrix th, :root .detail th {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-stretch: 100%;
  font-variation-settings: normal;
}

/* Headings: TASA Explorer (Google Fonts), width 100, weight 600, slightly tight letter spacing */
h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-stretch: 100%;
  font-variation-settings: normal;
  letter-spacing: -0.01em;
  margin: 0;
  text-wrap: balance;
}