/* REV specification from Devon via Cody, 2026-10-08. Shared by every app surface. */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;900&family=Karla:ital,wght@0,500;0,700;1,500&display=swap');
:root {
  --font-head: "Big Shoulders Display", sans-serif;
  --font-body: "Karla", system-ui, sans-serif;
  --weight-head: 900;
  --weight-body: 500;
  --weight-bold: 700;
  --weight-callout: 700;
  --type-body: calc(15px * var(--text-scale,1));
  --type-small: calc(13px * var(--text-scale,1));
  --type-label: calc(14px * var(--text-scale,1));
  --type-reading: calc(16px * var(--text-scale,1));
  --type-lead: calc(18px * var(--text-scale,1));
  --type-page: clamp(36px, 4vw, 52px);
  --type-section: calc(30px * var(--text-scale,1));
  --type-subsection: calc(24px * var(--text-scale,1));
  --type-item: calc(20px * var(--text-scale,1));
  --type-compact: calc(22px * var(--text-scale,1));
  --type-card: calc(26px * var(--text-scale,1));
  --type-stat: calc(40px * var(--text-scale,1));
  --type-stat-compact: calc(32px * var(--text-scale,1));
  --type-initials: clamp(44px, 7vw, 64px);
  --type-print-body: 10pt;
  --type-print-title: 38pt;
  --type-print-section: 24pt;
  --type-print-table: 8pt;
  --leading-body: 1.5;
  --leading-head: 1.1;
  --font-control: var(--weight-body) var(--type-body)/var(--leading-body) var(--font-body);
}
h1,h2,h3,h4,h5,h6 { font-family:var(--font-head); font-weight:var(--weight-head); line-height:var(--leading-head); text-transform:uppercase; }
h1 { font-size:var(--type-page); }
h2 { font-size:var(--type-section); }
h3 { font-size:var(--type-subsection); }
h4,h5,h6 { font-size:var(--type-item); }
strong,b { font-weight:var(--weight-bold); }
:is(h1,h2,h3,h4,h5,h6) :is(strong,b) { font-weight:inherit; }
label,legend,caption,th,dt { font-family:var(--font-body); font-weight:var(--weight-bold); letter-spacing:.02em; }
/* Input content is body copy even when nested inside a display-family label. */
label input,label select,label textarea { font-family:var(--font-body); font-weight:var(--weight-body); }
blockquote { font-family:var(--font-body); font-weight:var(--weight-body); }

:root[data-text-size="larger"] { --text-scale:1.15; }