/* Am Römereck CI 1.1 — shared by every page. Layout remains in component CSS. */
@font-face{font-family:Quicksand;src:url('./quicksand-variable.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:Caprasimo;src:url('./70e8bd2f-5557-495e-8fc5-792886dd879b.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--brand-cream:#f5ead8;--brand-paper:#fff8ec;--brand-ink:#402310;--brand-red:#a93426;--brand-orange:#c67139;--brand-line:#c7a57f;--brand-success:#2b703c;--font-body:Quicksand,system-ui,sans-serif;--font-heading:Caprasimo,Georgia,serif;--brand-radius:12px;--brand-space:8px}
body,main,input,textarea,select,button{font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-heading);font-weight:400;font-synthesis:none}
.main-nav>a,.main-nav>button,body>.main-nav>a{font-family:var(--font-body)!important;font-weight:600!important}
.hours-fixed,.opening-status,.opening-tooltip,.contact-story a[href^="tel:"],a[href^="mailto:"],.review-link-label{font-family:var(--font-body)!important;font-variant-numeric:tabular-nums}
.hours-fixed{font-weight:400!important}
input,textarea,select{font-size:16px}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px}