/* Shared website values. Page themes alias these roles instead of copying colors. */
:root {
  --ink: #173f5f;
  --deep-blue: var(--ink);
  --navy: #102d42;
  --muted: #5d6f79;
  --cream: #fff8f2;
  --paper: #fffdf8;
  --white: #fff;
  --pink: #ff7f73;
  --soft-pink: #ffe2df;
  --rose: var(--pink);
  --yellow: var(--pink);
  --soft-yellow: var(--soft-pink);
  --hive-yellow: #f3c64e;
  --hive-soft-yellow: #fff0bd;
  --clay: #c98f5b;
  --surface-editorial: #e4dfd3;
  --surface-blush: #fff3ef;
  --surface-soft: #fff1eb;
  --surface-chip: #f7ecdf;
  --surface-image-placeholder: #d8d2c6;
  --text-on-editorial: #1f2930;
  --muted-on-editorial: #52616a;
  --line-editorial: #cecbbf;
  --partner-ink: #735716;
  --accent: #aa8a50;
  --danger: #ba2f24;
  --success: #176b5b;
  --black: #000;
  --shadow-ink: #1f2722;
  --shadow-warm: #2b241c;
  --overlay-event: #10100e;
  --overlay-gallery: #101014;
  --overlay-hero: #0c2030;
  --overlay-booking: #0a0908;
  --overlay-category: #0c0b0a;
  --line: color-mix(in srgb, var(--shadow-ink) 16%, transparent);
  --line-subtle: color-mix(in srgb, var(--ink) 12%, transparent);
  --line-standard: color-mix(in srgb, var(--ink) 14%, transparent);
  --line-soft: color-mix(in srgb, var(--ink) 10%, transparent);
  --photo-scrim: color-mix(in srgb, var(--navy) 72%, transparent);
  --shadow: 0 20px 60px color-mix(in srgb, var(--shadow-ink) 15%, transparent);
  --premium-shadow: 0 18px 44px color-mix(in srgb, var(--navy) 10%, transparent);
  --display-font: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --sans-font: "Raleway", sans-serif;
  --brand-font: "Bookman Old Style", Georgia, "Times New Roman", serif;
  --brand-size: 1.22rem;
  --brand-weight: 700;
  --text-small: 0.8125rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --text-leading: 1.65;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --page-gutter: clamp(18px, 5vw, 72px);
  --content-width: 1160px;
  --section-space: clamp(58px, 8vw, 112px);
  --radius-small: 4px;
  --radius-action: 2px;
  --radius-card: 8px;
  --radius-review: 12px;
  --radius-control: 14px;
  --radius-inset: 16px;
  --radius-panel: 24px;
  --radius-round: 50%;
  --radius-pill: 999px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --focus-color: var(--navy);
  --control-height: 44px;
  --icon-size: 20px;
  --icon-size-small: 18px;
  --motion-control: 160ms ease;
}

:where(:focus-visible) {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}