*{outline:none;box-sizing:border-box}:root{--color-primary: #8B4513;--color-secondary: #F5CBA7;--color-text-dark: #1a1a1a;--color-text-light: #f5e5f5;--background-accent: rgb(23, 46, 66);--light-violet: rgb(250, 200, 252);--background-light: #f5e5f5}html,body{margin:0;padding:0;font-family:Montserrat,sans-serif}h1{font-size:2rem;font-weight:500;line-height:100%;letter-spacing:-.125rem;margin:0;color:var(--color-text-light)}.button-accent{background-color:var(--background-accent);color:#fff;font-size:clamp(.8rem,.9rem + .5vw,1.2rem);padding:8px 12px;border:none;border-radius:1rem;transition:all 10ms ease-in-out}.button-accent:hover{background-color:var(--light-violet);color:var(--color-text-dark)}.button-accent:focus{outline:2px solid #1976d2;outline-offset:5px}.button-accent-inverse{background-color:#fff;color:var(--background-accent);font-size:1rem;padding:8px 12px;border:none;border-radius:1rem;transition:all 10ms ease-in-out}.button-accent-inverse:focus{outline:2px solid #1976d2;outline-offset:3px}.button-accent-inverse:hover{background-color:var(--light-violet)}@media (max-width: 600px){.button-accent{padding:6px 12px}}