/* why: generated by et_desk/site_chrome_sync.py from theme tokens+base css; never edit */
/* 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; }

.mfam-chrome {
  --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). */
.mfam-chrome {
  --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;
}
.mfam-chrome .wrap{width:auto;max-width:var(--page);margin:0 auto;padding:0 var(--s-48)}
.mfam-chrome .btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--s-16);border-radius:var(--r-control);border:1px solid var(--line-control);background:transparent;color:var(--ink);font:500 var(--t-14)/1 var(--sans);letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}
.mfam-chrome .btn:hover{border-color:var(--ink);background:transparent;color:var(--ink);text-decoration:none}
.mfam-chrome .btn--solid{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.mfam-chrome .btn--solid:hover{background:var(--accent-hover);border-color:transparent;color:var(--on-accent)}
.mfam-chrome .btn--sm{height:32px;padding:0 var(--s-12);font-size:var(--t-13);font-weight:500;letter-spacing:0;border:1px solid var(--line-control);color:var(--ink)}
@media(max-width:760px){.mfam-chrome .wrap{padding:0 var(--s-16)}}
