/* Two type systems by product, both from the .fig (METADATA font usage + Style Guide type rows).
   Times New Roman + Arial ship on every OS — no @font-face needed. Inter is loaded for the admin portal. */
@font-face{
  font-family:'Inter';
  src:local('Inter'),url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2') format('woff2');
  font-weight:400 700;
  font-display:swap;
}
:root{
  /* families */
  --font-display-serif:"Times New Roman",ui-serif,Georgia,"Times New Roman",serif; /* wordmark + warm feature headings */
  --font-body:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* mobile app UI text */
  --font-admin:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* Community Manager Portal */

  /* mobile app type scale — exact values from the Style Guide frame, not snapped to a grid */
  --text-display:400 38.56px/100% var(--font-display-serif); /* logo wordmark */
  --text-h1:700 40px/48px var(--font-body); letter-spacing:-1px;
  --text-h2:700 28px/36px var(--font-body);
  --text-h3-serif:400 25.57px/100% var(--font-display-serif); /* e.g. "SunnySide" community name */
  --text-card-title:700 24px/100% var(--font-body);
  --text-card-title-serif:400 24px/100% var(--font-display-serif); /* e.g. admin "Summary" card title */
  --text-lead:400 18px/100% var(--font-body);
  --text-body:400 16px/22px var(--font-body);
  --text-small:400 14px/20px var(--font-body);
  --text-label-sm:700 12px/100% var(--font-body);

  /* admin portal type scale */
  --text-admin-heading:600 20px/28px var(--font-admin);
  --text-admin-body:600 16px/24px var(--font-admin);
  --text-admin-small:500 14px/20px var(--font-admin);
}