/* ==========================================================================
   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 — STE/EST fonts+neutrals below are still ⚠️ PLACEHOLDERS
   (no brand-guide typography harvested yet). COR's --venue-accent IS real,
   harvested 2026-07-19 (ORDER #179): dusty rose from the ratified Cordelle
   Circle Mark, confirmed chip-appropriate ("self-contained; reads on both
   light and dark chips" per the order). STE/EST have no single accent given
   at all -- their identity badge (ORDER #179 B1) borrows ihg.css's own
   charcoal/cream tokens instead of inventing a hex nobody harvested; these
   --venue-accent placeholders stay for any future landing-page use and are
   untouched by that badge. */
.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: #B38376; --venue-accent-soft: #F3EBE8;
  --venue-dark: #24261F;   --venue-neutral: #85817A;
  --venue-heading-font: "Cormorant Garamond", serif;
  --venue-body-font: "EB Garamond", serif;
  --lens-accent: #B38376;
}
.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. */

/* ---- ORDER #179 (2026-07-19) — the crew-facing venue-identity BADGE. Amends
   the July 3 two-layer law narrowly: crew-facing EVENT CONTEXTS may carry
   this one badge (logo + --venue-accent chip); the ops chrome around it and
   every status chip stay monochrome/untouched -- this is the ONLY
   venue-colored element on an otherwise-ops page. Apply alongside the
   matching .venue-* class (e.g. class="venue-id-badge venue-tbb") so the
   chip reads var(--venue-accent) -- no per-page hex, same rule as every
   other component in this file. See public/js/venue-badge.js for the
   space->venue fold + which logo variant a given venue gets. */
.venue-id-badge { display:inline-flex; align-items:center; justify-content:center;
  height:26px; padding:0 10px; border-radius:6px; background:var(--venue-accent);
  vertical-align:middle; }
.venue-id-badge img { height:15px; width:auto; display:block; }
/* STE/EST have no harvested accent -- their badge borrows ihg.css's own
   charcoal/cream tokens (see venue-badge.js) instead of a per-page hex. */
.venue-id-badge.venue-id-dark { background:var(--ihg-charcoal, #211E1B); }
.venue-id-badge.venue-id-cream { background:var(--ihg-cream, #FAF7F2); border:1px solid #E4E0D8; }
/* Self-contained marks (COR's circle-C) carry their own fill in the PNG --
   found live 2026-07-19: wrapping one in an accent chip of the SAME color
   made its circle edge vanish. No background, no padding -- the mark IS
   the badge. */
.venue-id-badge.venue-id-plain { background:none; height:auto; padding:0; }