/* Casa Única Website Foundation 4.1.2 — single design-token source. */
:root {
  --cu-green: #5e6c5b;
  --cu-green-dark: #465344;
  --cu-green-deep: #344236;
  --cu-green-soft: #edf1eb;
  --cu-gold: #a27450;
  --cu-gold-light: #c69a73;
  --cu-copper: #a66f45;
  --cu-brown: #8d6747;
  --cu-sand: #f3efe7;
  --cu-cream: #fcfbf6;
  --cu-white: #fff;
  --cu-ink: #2f3a31;
  --cu-muted: #7b847a;
  --cu-line: rgba(94, 108, 91, .18);
  --cu-danger: #9a3030;

  --cu-font-ui: "Cera Pro", "Proxima Nova", Arial, sans-serif;
  --cu-font-heading: "Anglecia Pro Display", "Benton Modern D", Georgia, serif;
  --cu-font-display: "Anglecia Pro Display", "Benton Modern D", Georgia, serif;
  --cu-font-editorial: "Benton Modern D", "Anglecia Pro Display", Georgia, serif;

  --cu-max: 1420px;
  --cu-radius: 18px;
  --cu-radius-lg: 28px;
  --cu-shadow: 0 16px 34px rgba(44, 47, 39, .13);
  --cu-shadow-soft: 0 14px 40px rgba(37, 49, 40, .10);
  --cu-shadow-card: 0 18px 42px rgba(34, 50, 41, .11);

  --cu-admin-bar-height: 0px;
  --cu-header-height: 76px;
  --cu-header-bottom: 76px;
  --cu-header: var(--cu-header-height);
  --cu-header-height-live: var(--cu-header-height);
  --cu-header-bottom-live: var(--cu-header-bottom);

  --cu-overlay-z: 9000;
  --cu-header-z: 10000;
  --cu-focus-ring: 0 0 0 3px rgba(162, 116, 80, .30);

  --cu-search-green: var(--cu-green);
  --cu-search-brown: var(--cu-brown);
  --cu-search-cream: var(--cu-cream);
  --cu-search-panel: var(--cu-sand);
  --cu-search-soft: #f1efe8;
  --cu-search-secondary: #ece7dc;
  --cu-search-secondary-hover: #e4ddcf;
  --cu-search-border: rgba(94, 108, 91, .22);
  --cu-search-border-strong: rgba(94, 108, 91, .52);
  --cu-search-shadow: 0 24px 70px rgba(36, 47, 39, .20);
  --cu-search-shell-width: 870px;
  --cu-search-drawer-width: 870px;
  --cu-search-drawer-max: calc(100vh - var(--cu-header-bottom) - 12px);

  /* 5.0.211 — one motion clock for the dual search shell and Search workspace.
     CSS owns the canonical timings; JS reads the preparation/duration values from
     these tokens so the navbar and matched Stay/Activities tracks start and finish
     on the same animation frame. */
  --cu-search-mode-prep-duration: 130ms;
  --cu-search-mode-duration: 560ms;
  --cu-search-mode-content-duration: 290ms;
  --cu-search-mode-nav-content-duration: 260ms;
  --cu-search-mode-ease: cubic-bezier(.16, 1, .3, 1);

  --cu-selected-bg: #e4ebe2;
  --cu-selected-fg: #40503f;
  --cu-selected-border: #70806d;
  /* Neutral planning palette: available/uncommitted choices use the site's true neutral greys, never the Casa Única green family. */
  --cu-available-services: #7a7a76;
  --cu-available-services-deep: #5f5f5c;
  --cu-available-services-soft: #f7f7f3;
  --cu-available-services-border: #dddcd6;
  --cu-available-services-header: #efefec;
  --cu-planning-section-header-height: 52px;
  --cu-section-space: clamp(3.5rem, 7vw, 7.5rem);
  --cu-card-radius: 24px;
  --cu-content-narrow: 860px;
  --cu-content-wide: 1320px;
  --cu-promo-bg: #e8eee7;
  --cu-promo-ink: #304235;
  --cu-home-promo-floating-gap: 20px;

  /* 5.0.191 — canonical interaction primitives.
     Every physical flip and every blurred gallery gateway consumes these
     values rather than maintaining surface-specific motion/geometry. */
  --cu-flip-perspective: 1100px;
  --cu-flip-duration: .55s;
  --cu-flip-ease: cubic-bezier(.2,.7,.2,1);
  --cu-media-gateway-blur: 1.15px;
  --cu-media-gateway-hover-blur: .75px;
  --cu-media-gateway-opacity: .92;
  --cu-media-gateway-scale: 1.025;
  --cu-media-gateway-hover-scale: 1.035;
  --cu-media-gateway-button-size: 46px;
  --cu-media-gateway-plus-size: 17px;
  --cu-media-gateway-plus-stroke: 2px;
  --cu-media-gateway-overlay: rgba(20,45,37,.06);
  --cu-media-gateway-button-bg: rgba(255,255,255,.95);
  --cu-media-gateway-button-border: rgba(183,119,67,.58);
  --cu-media-gateway-shadow: 0 7px 18px rgba(26,37,29,.16);
  --cu-media-gateway-hover-shadow: 0 9px 22px rgba(26,37,29,.2);
  --cu-media-gateway-transition: .18s ease;
}

@media (max-width: 782px) {
  :root {
    --cu-header-height: 76px;
  }
}

/* Both date pickers use the same calendar-data.js SVG; no vendor icon geometry. */
.cu-calendar-nav__icon {
  display: block;
  width: 12px;
  height: 20px;
  margin: 0;
  padding: 0;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}