/* Ink Obsessions: rules shared by both pages. Loaded after each page's own styles, so these win. Reads tokens.css. */

/* action color: every booking button is lit copper amber, so "press here" reads instantly against the gold */
.btn:not(.ghost){background:var(--cta-metal);color:var(--on-cta);box-shadow:var(--cta-rest);transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-med) var(--ease)}
.btn:not(.ghost):hover{background:var(--cta-metal);filter:brightness(1.07);box-shadow:var(--cta-lit)}
@media (pointer:coarse){.btn:not(.ghost):active{background:var(--cta-metal);filter:brightness(1.07);box-shadow:var(--cta-lit)}}

/* one focus language: an amber ring for every keyboard focus, form fields included */
:focus-visible{outline-color:var(--focus-ring)}
.consult input:focus,.consult select:focus,.consult textarea:focus,.search input:focus{outline:none;border-color:var(--focus-ring);box-shadow:var(--focus-halo)}

/* form controls and filter chips: borders and placeholders readable against the dark surfaces */
.consult input,.consult select,.consult textarea,.search input,.chip-btn{border-color:var(--control-border)}
.consult ::placeholder,.search ::placeholder{color:var(--placeholder);opacity:1}

/* header and footer mark: one warm ivory, matching the wordmark */
.brand svg{color:var(--text-primary);--accent:var(--text-primary)}

/* nav at small-laptop and tablet-landscape widths: the wordmark stays on one line and the links tighten */
.brand b{white-space:nowrap}
@media (min-width:821px) and (max-width:1100px){
  .navlinks{gap:.9rem}
  .navlinks a:not(.btn){letter-spacing:.06em}
  .brand{gap:.5rem}
  .brand b{font-size:.95rem;letter-spacing:.1em}
}