/* Hub day / night — colors only. Night is the existing Hub. */

html[data-app='hub'][data-hub-theme='light'] {
  --bg: #d9d2c8;
  --bg-elevated: #e2dbd2;
  --surface: rgba(48, 40, 34, 0.08);
  --surface-solid: #cfc8be;
  --text: #1c1814;
  --muted: #5a5248;
  --border: rgba(48, 40, 34, 0.16);
  --glass: rgba(232, 226, 218, 0.82);
  --glass-border: rgba(48, 40, 34, 0.14);
  --gold: #b8860b;
  --gold-soft: #c4a35a;
  --gold-deep: #8a6a12;
  --gold-bright: #c9a227;
  --plum: #8a6a12;
  --plum-deep: #6e5610;
  --plum-glow: #b8860b;
  --accent: #a67c1a;
  --accent-deep: #8a6414;
  --hub-btn-icon: #8a6414;
  --hub-btn-icon-hot: #a67c1a;
  --hub-btn-text: #1c1814;
  --hub-btn-bg: linear-gradient(155deg, rgba(184, 134, 11, 0.16) 0%, #d8d0c4 48%, #cfc6ba 100%);
  --hub-btn-bg-gold: linear-gradient(155deg, rgba(184, 134, 11, 0.22) 0%, #d8d0c4 48%, #cfc6ba 100%);
  --hub-btn-bg-hot: linear-gradient(155deg, rgba(184, 134, 11, 0.26) 0%, #d0c8bc 50%, #c6beb4 100%);
  --hub-btn-border: rgba(168, 124, 26, 0.4);
  --hub-btn-border-hot: rgba(168, 124, 26, 0.72);
  --hub-btn-shadow: 0 4px 16px rgba(48, 40, 34, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --hub-dock-bg: rgba(226, 219, 210, 0.94);
  --hub-dock-border: rgba(48, 40, 34, 0.14);
  color-scheme: light;
  background: var(--bg);
  color: var(--text);
}

html[data-app='hub'][data-hub-theme='light'] body,
html[data-app='hub'][data-hub-theme='light'] #root {
  background: var(--bg) !important;
  color: var(--text) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_shell_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_shellApp_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_sidebar_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_sidebarInner_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_topbar_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_nav_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_brand_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_page_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_feed_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_home_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_workspace_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_content_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_main_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_layout_'],
html[data-app='hub'][data-hub-theme='light'] [class*='HubPage'],
html[data-app='hub'][data-hub-theme='light'] [class*='hubPage'] {
  background: var(--bg) !important;
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_sidebar_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_sidebarInner_'] {
  background: #d4cbc2 !important;
  background-color: #d4cbc2 !important;
  border-color: var(--border) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_stage_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_post_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_card_']:not([class*='_profileHero']),
html[data-app='hub'][data-hub-theme='light'] [class*='_panel_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_tile_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_note_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_composer_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_sheet_']:not([class*='_overlay_']),
html[data-app='hub'][data-hub-theme='light'] [class*='_railCard_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_block_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_promo_'] {
  background: var(--surface-solid) !important;
  background-color: var(--surface-solid) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
  box-shadow: 0 4px 18px rgba(48, 40, 34, 0.06) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_shell_'] :is(h1, h2, h3, h4, h5, p, span, b, strong, em, small, label, li, td, th),
html[data-app='hub'][data-hub-theme='light'] [class*='_pageTitle_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_hello_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_groupToggle_'] {
  color: var(--text) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_shell_'] :is(p, em, small, [class*='muted'], [class*='Muted']) {
  color: var(--muted) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_link_'] {
  color: var(--muted) !important;
  border-left-color: transparent !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_link_']:hover {
  color: var(--text) !important;
  background: rgba(48, 40, 34, 0.07) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_link_'][class*='_active_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_link_'][class*='Active'] {
  color: var(--gold-deep) !important;
}

html[data-app='hub'][data-hub-theme='light'] :is(input, textarea, select) {
  background: #e8e2d8 !important;
  background-color: #e8e2d8 !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

html[data-app='hub'][data-hub-theme='light'] :is(input, textarea)::placeholder {
  color: var(--muted) !important;
}

html[data-app='hub'][data-hub-theme='light'] :is(button, a, [role='button']):where(
    [class*='react'],
    [class*='React'],
    [class*='save'],
    [class*='Save'],
    [class*='share'],
    [class*='Share'],
    [class*='comment'],
    [class*='Comment'],
    [class*='like'],
    [class*='Like'],
    [class*='emoji'],
    [class*='Emoji'],
    [class*='bookmark'],
    [class*='Bookmark']
  ):is(:hover, :focus-visible),
html[data-app='hub'][data-hub-theme='light'] [class*='actionRow'] :is(button, a, [role='button']):is(:hover, :focus-visible) {
  background: rgba(48, 40, 34, 0.08) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_bookingSelect_'] {
  background: #e4dcd2 !important;
  color: var(--text) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_profileHeroCard_'] {
  background: var(--surface-solid) !important;
  box-shadow: 0 12px 32px rgba(48, 40, 34, 0.1) !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_coverBanner_'],
html[data-app='hub'][data-hub-theme='light'] [class*='_coverBanner_'] *,
html[data-app='hub'][data-hub-theme='light'] [class*='_coverContainer_'],
html[data-app='hub'][data-hub-theme='light'] [class*='coverContainer'],
html[data-app='hub'][data-hub-theme='light'] .hubCoverPhoto {
  background-color: transparent !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_coverBanner_']:not(.hubCoverHasPhoto) {
  background-color: #0a0a10 !important;
}

html[data-app='hub'][data-hub-theme='light'] [class*='_overlay_5g2ut'],
html[data-app='hub'][data-hub-theme='light'] [class*='CallOverlay'],
html[data-app='hub'][data-hub-theme='light'] [class*='_overlay_1g9zj'] {
  color-scheme: dark;
  --text: #fff;
  --muted: #ffffff8c;
  --bg: #000;
}

.hubThemeRow,
.hubThemeToggle {
  display: none;
}

html[data-app='hub'] .hubThemeRow {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.35rem 0.85rem 0.55rem;
  padding: 0.7rem 0.8rem;
  border-radius: 14px;
  border: 1px solid var(--hub-btn-border, rgba(255, 255, 255, 0.12));
  background: var(--hub-btn-bg, rgba(255, 255, 255, 0.04));
  color: var(--hub-btn-text, inherit);
  box-shadow: var(--hub-btn-shadow, none);
}

html[data-app='hub'] .hubThemeRowText {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
  flex: 1;
}

html[data-app='hub'] .hubThemeRowText strong {
  font: 650 0.9rem/1.2 Inter, system-ui, sans-serif;
}

html[data-app='hub'] .hubThemeRowText em {
  font: 500 0.75rem/1.3 Inter, system-ui, sans-serif;
  font-style: normal;
  opacity: 0.72;
}

html[data-app='hub'] .hubThemeToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--hub-btn-border);
  background: var(--surface-solid, rgba(0, 0, 0, 0.22));
  color: var(--hub-btn-text);
  font: 650 0.72rem/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.02em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

html[data-app='hub'] .hubThemeToggle:hover,
html[data-app='hub'] .hubThemeToggle:focus-visible {
  border-color: var(--hub-btn-border-hot);
  outline: none;
}

.hubThemeToggleIcon {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: radial-gradient(circle at 30% 30%, #f0d060, #a67c1a 70%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

html[data-hub-theme-pref='dark'] .hubThemeToggleIcon {
  background: radial-gradient(circle at 70% 30%, #d4d0c8, #2a2a28 62%);
}

html[data-hub-theme-pref='auto'] .hubThemeToggleIcon {
  background: linear-gradient(90deg, #f0d060 50%, #2a2a28 50%);
}