/**
 * css/theme-member.css — tema fixo preto + dourado (igual à landing).
 * Carregar DEPOIS de tailwind.css. Sem light mode.
 */

:root,
html.dark {
  color-scheme: dark;
  --zenith-lime-rgb: 197 160 89;
  --zenith-lime-bright-rgb: 212 181 106;
  --zenith-lime-dim-rgb: 168 132 64;
  --lime: #C5A059;
  --lime-bright: #D4B56A;
  --lime-dim: #A88440;
  --bg: #000000;
  --bg-elevated: #0c0c0c;
  --bg-nav: #050505;
  --text: #fafafa;
  --text-mid: #a1a1aa;
  --text-low: #737373;
  --border-soft: rgba(255, 255, 255, 0.1);
  --border-mid: rgba(255, 255, 255, 0.18);
  --input-bg: rgba(255, 255, 255, 0.05);
  --input-border: rgba(255, 255, 255, 0.12);
  --panel-bg: #0c0c0c;
  --glass-bg: rgba(255, 255, 255, 0.035);
  --toast-bg: #0a0a0a;
  --theme-meta: #000000;
}

.lime-bar-fill,
.chart-row-fill {
  background: var(--lime) !important;
  box-shadow: none;
}
.chart-bar {
  background: var(--lime) !important;
}

/* ——— Site público: escuro + dourado/branco ——— */
body.site-public {
  background: #000 !important;
  background-image: none !important;
  color: #fafafa !important;
}
body.site-public .text-white { color: #fff !important; }
body.site-public .text-zinc-200 { color: #e4e4e7 !important; }
body.site-public .text-zinc-300 { color: #d4d4d8 !important; }
body.site-public .text-zinc-400 { color: #a1a1aa !important; }
body.site-public .text-zinc-500 { color: #71717a !important; }
body.site-public .text-zinc-600 { color: #52525b !important; }
body.site-public .bg-black,
body.site-public .bg-black\/95 { background-color: #000 !important; }
body.site-public .display { color: #fff !important; }

body.site-public #nav .nav-home,
body.site-public #nav a.font-display {
  color: var(--lime) !important;
}
body.site-public #nav .nav-home:hover {
  color: var(--lime-bright) !important;
}

body.site-public #nav ul a {
  color: rgba(255, 255, 255, 0.78) !important;
}
body.site-public #nav ul a:hover,
body.site-public #nav ul a[aria-current="page"],
body.site-public #nav ul a.text-zenith-lime {
  color: var(--lime) !important;
}

body.site-public #nav .btn-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
}
body.site-public #nav .btn-outline:hover {
  color: var(--lime) !important;
  border-color: var(--lime) !important;
  background: color-mix(in srgb, var(--lime) 10%, transparent) !important;
}
body.site-public #nav-toggle {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
body.site-public #nav-toggle:hover {
  color: var(--lime) !important;
  border-color: var(--lime) !important;
}
body.site-public #nav.glass {
  background: rgba(0, 0, 0, 0.82) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px);
}
body.site-public #nav-panel {
  background: rgba(0, 0, 0, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.site-public #nav-panel .btn-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}
body.site-public #nav-panel .btn-outline:hover {
  color: var(--lime) !important;
  border-color: var(--lime) !important;
}

body.site-public .photo-frame figcaption,
body.site-public .photo-frame figcaption p,
body.site-public .photo-frame .font-display {
  color: #fff !important;
}
body.site-public .photo-frame figcaption .text-zinc-300 {
  color: #d4d4d8 !important;
}

body.site-public #topo .display,
body.site-public #topo h1 {
  color: #fff !important;
}
body.site-public .border-white\/10,
body.site-public .border-white\/\[0\.07\],
body.site-public .border-white\/\[0\.06\] {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.site-public .glass {
  background: #0c0c0c !important;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
body.site-public .btn-outline {
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #e5e5e5 !important;
}
body.site-public .btn-outline:hover {
  color: var(--lime) !important;
  border-color: color-mix(in srgb, var(--lime) 55%, transparent) !important;
}