@layer reset{:root{--brand-primary:#a1b57c;--brand-secondary:#c9d5a0;--accent-primary:#dad2c7;--accent-secondary:#e0b264;--positive:#9de0dc;--negative:#c97e63;--text-primary:#2e3b32;--text-secondary:#5f6a6a;--background:#faf9f6;font-family:system-ui,sans-serif}:focus-visible{outline:2px solid var(--positive);outline-offset:2px}*,:before,:after{box-sizing:border-box}html{background:var(--background);color:var(--text-primary)}body{margin:0}header,footer{background-color:var(--brand-primary)}h1,h2,h3,h4,h5,h6{margin-block:0;font-family:Charter,Bitstream Charter,Sitka Text,Cambria,serif}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}input{font:inherit}p{margin-block:0}}@layer component,utilities;