/* AMOSHA typography contract: Inter Variable is the product UI face.
 *
 * Shared scale for product UI. Component styles should consume these tokens
 * instead of introducing one-off 10/11/13/15px values.
 * - micro: badges / very dense metadata only;
 * - caption: labels and secondary metadata;
 * - body-sm: compact secondary copy;
 * - body: controls and normal text;
 * - section: card/section headings;
 * - page: top-level page title.
 */
:root {
  --font-ui: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;
  --text-micro: 11px;
  --text-caption: 12px;
  --text-body-sm: 13px;
  --text-body: 14px;
  --text-section: 16px;
  --text-heading: 20px;
  --text-page: 26px;
  --line-tight: 1.2;
  --line-ui: 1.4;
  --line-body: 1.5;
}

body,
button,
input,
textarea,
select {
  font-family: var(--font-ui);
}

#welcome-root {
  --welcome-font: var(--font-ui);
}