/* ============================================================
   CineHub — Site-wide Palette Override
   Loaded on every public page when the visitor's homepage theme
   is "drop" (CineHub) OR admin has set CineHub as the homepage.
   Remaps the core FilmSite CSS variables (--bg, --text, --accent…)
   to the CineHub palette so contact/news/cast/collections/support/
   features/film/auth pages inherit the same look & feel.
   ============================================================ */

:root,
[data-theme="dark"] {
  --bg:         #141414;
  --bg-2:       #1a1a1a;
  --surface:    #1f1f1f;
  --surface-2:  #282828;
  --border:     #2a2a2a;
  --text:       #e8e8e8;
  --text-2:     #a0a0a0;
  --muted:      #707070;
  --accent:     #f5a623;
  --accent-2:   #ffb74d;
  --white:      #ffffff;
  --card-bg:    #1a1a1a;
  --card-hover: #222;
}

[data-theme="light"] {
  --bg:         #f0ece4;
  --bg-2:       #e8e2d8;
  --surface:    #f5f1ea;
  --surface-2:  #ece6dc;
  --border:     #d8d0c2;
  --text:       #1a1a1a;
  --text-2:     #4a4a4a;
  --muted:      #8a8578;
  --accent:     #b8860b;
  --accent-2:   #d4a24c;
  --white:      #1a1a1a;
  --card-bg:    #f5f1ea;
  --card-hover: #ece6dc;
}

/* Body typographic shift — match CineHub homepage fonts everywhere */
body {
  font-family: var(--ch-font-body, 'Lato', 'Libre Baskerville', Georgia, serif);
}
h1, h2, h3, h4, h5, h6,
.section-title, .page-title, .card-title,
.film-title, .news-title, .cast-name,
.panel-title, .hero-title {
  font-family: var(--ch-font-display, 'EB Garamond', Georgia, 'Times New Roman', serif);
  letter-spacing: -0.01em;
}

/* Accent button + link tweaks so the orange glow doesn't feel harsh */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background: var(--accent);
  color: #0a0a0a;
  border: none;
}
.btn-primary:hover {
  filter: brightness(1.08);
}

a { transition: color .15s ease; }
a:hover { color: var(--accent); }

/* Card / surface softening — matches CineHub's muted borders */
.card, .panel, .section, .film-card, .news-card, .cast-card,
.collection-card, .studio-card {
  background: var(--surface);
  border-color: var(--border);
}

/* Inputs feel consistent with the warm palette */
input[type="text"], input[type="email"], input[type="url"],
input[type="search"], input[type="password"], input[type="number"],
textarea, select {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--accent);
  outline: none;
  box-shadow: 0 0 0 3px rgba(245, 166, 35, .15);
}