/* why: one tokens file, enqueued first; MFAM palette only, no dark/AT variants on the site.
   ref: personal-assistant/ux/mockups/house.css */
@font-face { font-family: "Newsreader"; src: url("../fonts/newsreader-latin-var.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/ibm-plex-sans-latin-var.woff2") format("woff2");
  font-weight: 100 700; font-stretch: 85% 100%; font-style: normal; font-display: swap; }

:root {
  --serif: "Newsreader", Georgia, serif;
  --sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  /* why: type scale in rem; 16 body, 20 reading + subheads, 28/40/56 display */
  --t-12: 0.75rem; --t-13: 0.8125rem; --t-14: 0.875rem; --t-16: 1rem; --t-18: 1.125rem;
  --t-20: 1.25rem; --t-28: 1.75rem; --t-40: 2.5rem; --t-56: 3.5rem;
  /* why: spacing on a 4px base, steps double from 16 */
  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-24: 24px; --s-32: 32px;
  --s-48: 48px; --s-64: 64px; --s-96: 96px;
  --r-control: 4px; --r-container: 6px;
  --measure: 40rem; --page: 76rem;
  --ease: cubic-bezier(0.2, 0, 0, 1); --fast: 120ms; --panel: 200ms;
}

/* why: MFAM accent #1d48c0 from live mfam.com.au CSS; neutrals tinted to its hue (266). */
:root {
  --bg: #f8fafe; --tint: #eff2f9; --field: #fcfdff;
  --line: #d8dce6; --line-strong: #b2b7c2; --line-control: #878d9a;
  --ink: #161e2f; --ink-2: #414857; --ink-3: #5e6370;
  --accent: #1d48c0; --accent-hover: #0e34ac; --on-accent: #f8fafe;
  --accent-ink: #1d48c0; --accent-ink-hover: #0e34ac; --accent-tint: #e8f0ff;
  --neg: #ac312c; --pos: #2b7440;
}