/*
 * DreamSuite type scale v1 (2026-10-27). One readable size for every app.
 * Source of truth: ~/dreamsuite-core/styles/ds-type.css (spec in docs/STANDARD_DESIGN.md).
 * Install: scripts/install-type-scale.sh <app-dir> copies this to <app>/public/ds-type.css
 * and links it as the last <head> tag. Do not edit the copies; change this file and re-run.
 *
 * Root 112.5% = 18px rem: text-xs 13.5px, text-sm 15.75px, text-base 18px, h-9 40.5px.
 * Floor: nothing below 12px. Tiny fixed-px utilities are lifted ~12.5% to match.
 * Selectors carry an extra `html` so they beat app CSS that loads after this file.
 */
:root {
  font-size: 112.5%;
}
html body {
  font-size: 0.875rem; /* 15.75px body */
}

html .text-\[7px\],
html .text-\[8px\],
html .text-\[9px\],
html .text-\[10px\],
html .text-\[10\.5px\] {
  font-size: 12px; /* tiny labels only: eyebrows, badges, stat labels */
}
html .text-\[11px\] {
  font-size: 12.5px;
}
html .text-\[11\.5px\] {
  font-size: 13px;
}
html .text-\[12px\] {
  font-size: 13.5px; /* = text-xs: table cells, hints, meta */
}
html .text-\[12\.5px\] {
  font-size: 14px;
}
html .text-\[13px\] {
  font-size: 14.5px;
}
html .text-\[13\.5px\] {
  font-size: 15px;
}
html .text-\[14px\] {
  font-size: 15.75px; /* = text-sm: body, list rows, inputs */
}
html .text-\[14\.5px\] {
  font-size: 16px;
}
@media (min-width: 640px) {
  html .sm\:text-\[11px\] {
    font-size: 12.5px;
  }
  html .sm\:text-\[13px\] {
    font-size: 14.5px;
  }
}