/* Shared base styles loaded on every public page (homepage, booking, about, ...).
 *
 * Only includes declarations that are truly site-wide and identical across pages.
 * Page-specific CSS files extend these with their own rules.
 */

/* ---------- Theme variables shared across all pages ---------- */
:root {
  --brand: #94621c; /* bronze primary */
  --brand2: #f0c87a; /* bronze highlight / gold */
  --bronze: #94621c; /* legacy alias */
  --border: rgba(240, 200, 122, 0.45);
}

/* ---------- Disable OS blue-tap highlight + text selection UI chrome ---------- */
* {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Allow normal text selection in form inputs (override the * rule above) */
input,
select,
textarea {
  user-select: text;
  -webkit-user-select: text;
}

/* ---------- Mobile: allow vertical panning on every element ---------- */
body,
body * {
  touch-action: pan-y !important;
}

/* ---------- Ensure [hidden] actually hides, regardless of other CSS ---------- */
[hidden] {
  display: none !important;
}

/* ---------- Dark background on <html> so mobile rubber-band overscroll matches
   the page gradient instead of flashing white ---------- */
html {
  background-color: #06080c !important;
}
