/* brand.css -- seeded from the design brief (Precise, warm, small-town craft). */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Karla:wght@400;500;600&display=swap');
:root:root:root{color-scheme:light;--bg:#f4efe6;--surface:#e3d9c8;--ink:#2b2320;--accent:#8c3b2e;--accent-2:#5a6b4f;--on-accent:#ffffff;--display:"Fraunces",serif;--serif:"Fraunces",serif;--sans:"Karla",sans-serif}


/* tap-targets: comfortable phone taps -- the sizes win on phones, the page's own layout stays */
@media (max-width: 600px) {
  a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a), button, [role=button], [onclick], summary, select, input:not([type=hidden], [type=checkbox], [type=radio], [type=range]) { min-height: 44px !important; min-width: 44px !important; }
  :where(a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a)) { display: inline-flex; align-items: center; justify-content: center; }
  input, select, textarea { font-size: max(16px, 1em) !important; }
}