/* Blossom ships no custom typeface — every screen uses the platform UI font
   (SF Pro on iOS, Roboto on Android). The web stack below is the closest
   faithful equivalent; there are no @font-face rules to ship. */
:root{
  --font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Size scale — the exact sizes used across the app's StyleSheets. */
  --text-10:10px;  /* micro badge counts */
  --text-11:11px;  /* status pill text, card meta */
  --text-12:12px;  /* captions, tab labels, hints */
  --text-13:13px;  /* secondary body, links, pill labels */
  --text-14:14px;  /* body, message bubbles */
  --text-15:15px;  /* list row titles, inputs, buttons, card titles */
  --text-16:16px;  /* card section titles */
  --text-17:17px;  /* family/child card name */
  --text-18:18px;  /* chevrons, card emoji */
  --text-20:20px;  /* screen title */
  --text-22:22px;  /* drawer title, banner chevron */
  --text-26:26px;  /* stat card value, avatar initial */
  --text-28:28px;  /* login wordmark */
  --text-34:34px;  /* login badge glyph */

  /* Weights — the app only ever uses these four. */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* Line heights, as authored (absolute px, RN style) */
  --leading-17:17px;
  --leading-19:19px;
  --leading-body:1.35;
}