/* derived from tokens.json by the canvas install; do not edit by hand */
:root {
  --surface: #ffffff;
  --canvas: #f7f7f7;
  --ink: #3a3a3a;
  --mid: #9a9a9a;
  --line: #c8c8c8;
  --box: #dcdcdc;
  --box2: #ececec;
  --gutter: 20px;
  --rhythm: 8px;
  --section: 16px;
  --row-pad: 10px;
  --card-gap: 12px;
  --card-scroll-gap: 10px;
  --fab-offset: 24px;
  --list-bottom: 96px;
  --radius-card: 16px;
  --radius-tile: 12px;
  --radius-box: 4px;
  --radius-pill: 999px;
  --touch-min: 44px;
  --statusbar-h: 44px;
  --appbar-h: 64px;
  --tabbar-h: 72px;
  --home-card-w: 260px;
  --fab-h: 48px;
  --page-tab-w: 120px;
  --nav-btn: 32px;
  --pet-tile: 96px;
  --checkbox: 24px;
  --avatar-sm: 20px;
  --band-h: 2px;
  --hairline: 1px;
  --late-strip-w: 3px;
  --bar-h: 6px;
  --bp-tablet: 768px;
  --bp-desktop: 1200px;
  --sidebar-w: 240px;
  --rail-w: 72px;
  --topbar-h: 56px;
  --content-max: 1120px;
  --grid-gutter: 24px;
  --page-pad: 32px;
  --font-sans: -apple-system, "Segoe UI", system-ui, sans-serif;
}
.page-title { font-family: var(--font-sans); font-size: 24px; line-height: 1.2; font-weight: 700; }
.card-title { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 600; }
.card-number { font-family: var(--font-sans); font-size: 19px; line-height: 1.1; font-weight: 600; }
.month { font-family: var(--font-sans); font-size: 17px; line-height: 1.25; font-weight: 600; }
.row-title { font-family: var(--font-sans); font-size: 15px; line-height: 1.3; font-weight: 400; }
.row-meta { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 400; }
.cal-day { font-family: var(--font-sans); font-size: 14px; line-height: 1.3; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 13px; line-height: 1.3; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 400; }
.meta { font-family: var(--font-sans); font-size: 11px; line-height: 1.3; font-weight: 400; }
.micro { font-family: var(--font-sans); font-size: 11px; line-height: 1.3; font-weight: 400; }