/* ==========================================================================
   IHG Venue Theme Layer v2 — reconciled with the ops design system (Fable 5, July 3, 2026)

   ARCHITECTURE (two layers, one system):
   1. ihg.css        — the OPS BASE: monochrome IH brand (black/grays/cream),
                       functional status colors (sage/clay/amber), chips, buttons,
                       Inter UI. Dispatch admin, boards, and crew pages live HERE
                       and are NEVER venue-themed. Status semantics never re-skin.
   2. venue-themes.css (this file) — the LANDING/EVENT-VIEW SKIN: client- and
                       event-facing pages (Planning Brain /events/:id, venue landing
                       pages, client portals) add ONE class (e.g. .venue-tbt) and
                       inherit that venue's accent + typography. Each .venue-* sets
                       BOTH its own --venue-* slots AND --lens-accent, so shared
                       ihg.css components (header stripe, active states) pick up the
                       venue automatically. No per-page hex, ever.

   VENUE CODES ARE CANON (05_AI_and_Brain/Venue_Master_CANONICAL.md):
   TBB = The Bridge Building (BBC/BBD/BBO are its SPACES — spaces don't get themes,
   the venue does) · TBT = The Bell Tower · SWF = Saddle Woods Farm · ECD = The
   Estate at Cherokee Dock · STE/COR/EST = Saint Elle / The Cordelle / Estelle
   (Elle acquisition, close ~July 15 — placeholders below until brand harvest).
   DREAM / DAILY / NEB are brand lenses (catering/bartending), not venues — they
   theme menus/proposals, not venue landing pages.

   Fonts: brand heading fonts belong to THIS layer only (Montserrat is IH's brand
   heading — it lives on landing surfaces; ops surfaces stay Inter per the
   calm-and-quiet ruling). Web stand-ins are licensed-safe Google Fonts.
   ========================================================================== */

:root {
  /* Default = Infinity Hospitality brand (also what un-classed landing pages get).
     Source: MASTER Brand Reference. NOTE: this accent (#BD574E) is close to the ops
     alert clay by coincidence of brand — on landing pages that's fine (no status
     chips there); on ops surfaces the accent appears ONLY as the header stripe. */
  --venue-accent: #BD574E;
  --venue-accent-soft: #F5E7E5;
  --venue-dark: #000000;
  --venue-neutral: #6D6E71;
  --venue-heading-font: "Montserrat", Arial, sans-serif;
  --venue-body-font: Georgia, "Times New Roman", serif;
  --lens-accent: #BD574E;
}

.venue-tbb {  /* The Bridge Building Event Spaces — covers spaces BBC/BBD/BBO */
  --venue-accent: #146C94; --venue-accent-soft: #E3EEF3;
  --venue-dark: #000000;   --venue-neutral: #58595B;
  --venue-heading-font: "Marcellus", serif;          /* stand-in for Versailles */
  --venue-body-font: "Be Vietnam Pro", sans-serif;
  --lens-accent: #146C94;
}

.venue-tbt {  /* The Bell Tower */
  --venue-accent: #51284F; --venue-accent-soft: #EEE9EE;
  --venue-dark: #51284F;   --venue-neutral: #B2A8A2; --venue-extra: #C7CA9C;
  --venue-heading-font: "Cormorant SC", serif;       /* stand-in for Road Race Stamp */
  --venue-body-font: "Lancelot", serif;
  --lens-accent: #51284F;
}

.venue-swf {  /* Saddle Woods Farm */
  --venue-accent: #767B50; --venue-accent-soft: #EFEDE6;
  --venue-dark: #2C282C;   --venue-neutral: #9F744D; --venue-extra: #879BAF;
  --venue-heading-font: "Josefin Slab", serif;
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #767B50;
}

.venue-ecd {  /* The Estate at Cherokee Dock */
  --venue-accent: #B89762; --venue-accent-soft: #F4EFE6;
  --venue-dark: #464646;   --venue-neutral: #464646;
  --venue-heading-font: "Ephesis", "EB Garamond", serif; /* stand-in for Vladimir Script */
  --venue-body-font: "EB Garamond", "Bell MT", serif;
  --lens-accent: #B89762;
}

/* ---- Elle venues — ⚠️ PLACEHOLDERS. Do NOT ship client-facing until the brand
   harvest at close (~July 15): pull real hex + fonts from acquired brand assets,
   replace below, delete this warning. Neutral grays chosen to be safely bland. */
.venue-ste {  /* Saint Elle */
  --venue-accent: #7A7369; --venue-accent-soft: #F1EFEC;
  --venue-dark: #262524;   --venue-neutral: #8C8781;
  --venue-heading-font: "Cormorant Garamond", serif;
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #7A7369;
}
.venue-cor {  /* The Cordelle */
  --venue-accent: #6E7B6C; --venue-accent-soft: #EEF1EE;
  --venue-dark: #24261F;   --venue-neutral: #85817A;
  --venue-heading-font: "Cormorant Garamond", serif;
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #6E7B6C;
}
.venue-est {  /* Estelle */
  --venue-accent: #96705B; --venue-accent-soft: #F4EDE9;
  --venue-dark: #2B2320;   --venue-neutral: #8E837C;
  --venue-heading-font: "Cormorant Garamond", serif;
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #96705B;
}

/* ---- Brand lenses (catering/bartending) — proposals, menus, BEO-facing docs */
.brand-dream {  /* Dream Events & Catering */
  --venue-accent: #442831; --venue-accent-soft: #EDEAE8;
  --venue-dark: #442831;   --venue-neutral: #585149; --venue-extra: #A8AE4D;
  --venue-heading-font: "Libre Baskerville", serif;
  --venue-body-font: "Libre Baskerville", serif;
  --lens-accent: #442831;
}
.brand-daily {  /* DailyDish Catering */
  --venue-accent: #D14930; --venue-accent-soft: #F8E8E4;
  --venue-dark: #442831;   --venue-neutral: #585149; --venue-extra: #A8AE4D;
  --venue-heading-font: "Nunito Sans", sans-serif;   /* stand-in for Proxima Nova */
  --venue-body-font: "Libre Baskerville", serif;
  --lens-accent: #D14930;
}
.brand-neb {  /* Nashville Event Bartending */
  --venue-accent: #690F4B; --venue-accent-soft: #F0E4EC;
  --venue-dark: #0D0D0D;   --venue-neutral: #0D0D0D;
  --venue-heading-font: "Dancing Script", cursive;   /* stand-in for Nickainley */
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #690F4B;
}

/* ---- Landing-surface components (theme-aware; ops components stay in ihg.css) */
.venue-hero { background: var(--venue-accent-soft); color: var(--venue-dark);
  font-family: var(--venue-body-font); padding: 28px 24px; border-radius: 10px; }
.venue-hero h1, .venue-hero h2 { font-family: var(--venue-heading-font);
  color: var(--venue-dark); margin: 0 0 6px; }
.venue-badge { display:inline-block; background: var(--venue-accent); color:#fff;
  font-family: var(--venue-heading-font); font-size: 12px; letter-spacing:.08em;
  text-transform: uppercase; padding: 4px 12px; border-radius: 999px; }
.venue-rule { border: 0; border-top: 2px solid var(--venue-accent); opacity:.55;
  margin: 18px 0; }

/* RULE: status chips, alerts, and any operational state on a themed page STILL use
   ihg.css .chip-* classes — a "departed" truck is the same color at Saint Elle as at
   Saddle Woods. Venue identity skins the frame, never the facts. */