/* Cloth-inspired turquoise, sampled visually from the supplied CPBA table photo.
   Keep a darker accent for readable text on ivory; filled buttons use dark ink. */
:root{
  --cloth:#00bdc8;
  --cloth-hover:#20d0d8;
  --bg:#061e23;
  --panel:#0b2a30;
  --surface:#14383f;
  --text:#f6f4ec;
  --muted:#b0c7ca;
  --accent:#53d6dc;
  --accent-ink:#04282d;
  --line:#30525a;
  --line-hover:#59949b;
  --brand-green:var(--cloth);
  --brand-button-ink:#04282d;
  --gold:#d4bb83;
  --cloth-wash:#00bdc812;
  --cloth-border:#427e85;
}
:root[data-theme=light]{
  --bg:#f7f5ed;
  --panel:#fffdf7;
  --surface:#e6f1ef;
  --text:#092d34;
  --muted:#4f6870;
  --accent:#006c74;
  --accent-ink:#ffffff;
  --line:#c3d8d8;
  --line-hover:#628f95;
  --brand-green:var(--cloth);
  --brand-button-ink:#04282d;
  --gold:#806227;
  --cloth-wash:#00a9b30c;
  --cloth-border:#7eaaae;
}
body:not(.overlay-mode){background-image:radial-gradient(ellipse at 12% 0%,var(--cloth-wash),transparent 50%)}
::selection{background:var(--cloth);color:var(--brand-button-ink)}
#toast,.skip,nav a.active{color:var(--accent-ink)}
.sn-hero .sn-eyebrow,.sn-hero h1 em{color:var(--accent)}
.brand{flex:0 0 auto;max-width:100%;min-width:0;letter-spacing:0}
.brand img.rack-logo{width:240px;height:49px;object-fit:contain;max-width:100%}
.brand .rack-logo-light{display:none}
:root[data-theme=light] .brand .rack-logo-dark{display:none}
:root[data-theme=light] .brand .rack-logo-light{display:block}
.btn.primary,:root[data-theme=light] .btn.primary{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-button-ink)}
.btn.primary:hover,:root[data-theme=light] .btn.primary:hover{background:var(--cloth-hover);border-color:var(--accent);filter:none}
/* Carry the palette through the existing home, club and membership surfaces. */
.badge.live{background:var(--cloth-wash);border-color:var(--cloth-border)}
.bh-dot{box-shadow:0 0 0 5px var(--cloth-wash)}
.bh-hero-visual{background-color:#0b3d44;border-color:var(--cloth-border)}
.bh-hero-visual::after{background:linear-gradient(0deg,#061e2340,transparent 40%)}
.bh-club-monogram{background:#164e55}
.bh-club360-photo{background-color:#0b2a30}
.bh-club360-photo::after{background:linear-gradient(transparent 35%,#061e23dc)}
.club-cover{background:linear-gradient(90deg,#061e23ed,#0b2a30b8),url(/images/table-texture.webp) center/cover}
.bh-plan-featured{background:linear-gradient(145deg,var(--cloth-wash),transparent 60%),var(--panel)}
.bh-mobile-section{background:radial-gradient(ellipse at 85% 100%,#00bdc81c,transparent 65%),var(--panel)}
.bh-sport-8-ball,.bh-community-band{background:linear-gradient(120deg,var(--cloth-wash),transparent),var(--panel)}
.bh-device{background:#0b2a30;border-color:#37666d;color:#f6f4ec}
.bh-device-notch{background:#041b20}
.bh-device-nav,:root[data-theme=light] .bh-device-nav{color:#53d6dc}
.bh-device-nav small{color:#b0c7ca}
.premium-motion{background:#061e23e6;border-color:#81a9ad;color:#f6f4ec}
.premium-motion:hover{background:#164e55}
.hero-art,:root[data-theme=light] .hero-art{background:radial-gradient(ellipse at 65% 70%,var(--cloth-wash),transparent 70%)}
.pool-table{background:repeating-linear-gradient(90deg,#00b8c3,#00b8c3 3px,#00bdc8 3px,#00bdc8 6px);border-color:#24434a}
.bh-top-nav{min-width:0}.head-actions{min-width:0}
.bc-watermark img,.sn-brand img,.mo-brand img,.bc-ticker-brand img,.bc-tv-brand img{object-fit:contain;flex-shrink:0;filter:none}
.bc-watermark,.bc-ticker-brand,.bc-tv-brand{letter-spacing:.02em}
@media(max-width:1200px){.brand img.rack-logo{width:205px;height:43px}.home-page #header{flex-wrap:wrap}.home-page .bh-top-nav{order:3;width:100%;justify-content:center}}
@media(max-width:700px){#header{flex-wrap:wrap;justify-content:space-between;gap:10px}.brand img.rack-logo{width:184px;height:39px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.head-actions .account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .bh-top-nav{justify-content:flex-start}.bc-ticker-brand{max-width:150px}.bc-tv-brand{flex-wrap:wrap}}
@media(max-width:430px){.brand img.rack-logo{width:165px;height:36px}.head-actions{width:100%;justify-content:flex-start;gap:7px}.head-actions .account-name{margin-inline-start:auto}}