/* GENERATED by scripts/brand.mjs from brand/ — do not edit by hand. Change brand/ and run `npm run brand`. */
@font-face { font-family: "Fraunces"; font-weight: 600; font-style: normal; font-display: swap; src: url(/fonts/fraunces-latin-600-normal.woff2?v=11682a05) format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 700; font-style: normal; font-display: swap; src: url(/fonts/fraunces-latin-700-normal.woff2?v=cc613be9) format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 400; font-style: normal; font-display: swap; src: url(/fonts/atkinson-hyperlegible-latin-400-normal.woff2?v=32010990) format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 700; font-style: normal; font-display: swap; src: url(/fonts/atkinson-hyperlegible-latin-700-normal.woff2?v=05dadf00) format("woff2"); }
@font-face { font-family: "OpenDyslexic"; font-weight: 400; font-style: normal; font-display: swap; src: url(/fonts/opendyslexic-latin-400-normal.woff2?v=cd87d324) format("woff2"); }
@font-face { font-family: "OpenDyslexic"; font-weight: 700; font-style: normal; font-display: swap; src: url(/fonts/opendyslexic-latin-700-normal.woff2?v=0cd88b3b) format("woff2"); }
:root {
  --bg: #f2ece0;
  --surface: #faf6ee;
  --surface-2: #e9e1d1;
  --line: #d8cfbd;
  --control: #7d7262;
  --text: #2b1c18;
  --muted: #5e5148;
  --primary: #7a1a2e;
  --primary-dark: #4f0f1d;
  --primary-on-dark: #e58aa0;
  --on-primary: #f6f1e6;
  --accent: #d6a847;
  --accent-text: #2b1c18;
  --accent-on-dark: #ecc971;
  --link: #7a1a2e;
  --demo-a: #ff8a7a;
  --demo-b: #c9a0f2;
  --font: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-reading: "OpenDyslexic", "Atkinson Hyperlegible", system-ui, sans-serif;
  color-scheme: light;
}