html[data-theme="cinemaTheater"] {
  --theme-bg: #0b0b10;
  --theme-panel: #14111a;
  --theme-surface: #1b1622;
  --theme-card: #1a1624;
  --theme-border: rgba(226, 191, 102, 0.45);
  --theme-text: #f5f2e9;
  --theme-muted: #b8aa93;
  --theme-accent: #d9b15f;
  --theme-accent-dark: #a97b2a;
  --theme-button-bg: #1a1522;
  --theme-button-text: #f5f2e9;
  --theme-button-ghost: transparent;
  --theme-button-primary-text: #2b1c02;
  --theme-input-bg: #14101b;
  --theme-badge-bg: rgba(226, 191, 102, 0.2);
  --theme-chip-bg: rgba(226, 191, 102, 0.08);
  --theme-chip-active-bg: #d9b15f;
  --theme-chip-active-text: #2b1c02;
  --theme-placeholder-bg: #1f1a28;
  --theme-modal-bg: #16121d;
  --theme-info-bg: #1b1622;
  --theme-topbar-bg: #100d14;
  --theme-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  --theme-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.4);
  --theme-radius: 16px;
  --theme-radius-card: 16px;
  --theme-radius-small: 12px;
  --theme-radius-pill: 999px;
  --theme-focus: 0 0 0 3px rgba(226, 191, 102, 0.4);
}

html[data-theme="cinemaTheater"] body {
  background: radial-gradient(circle at 20% 0%, rgba(217, 177, 95, 0.12), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(128, 26, 34, 0.18), transparent 50%),
    #0b0b10;
}

html[data-theme="cinemaTheater"] .panel,
html[data-theme="cinemaTheater"] .card,
html[data-theme="cinemaTheater"] .modal-content {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2))
      padding-box,
    linear-gradient(160deg, rgba(226, 191, 102, 0.4), rgba(0, 0, 0, 0.4)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="cinemaTheater"] .settings-section,
html[data-theme="cinemaTheater"] .info-row,
html[data-theme="cinemaTheater"] .image-frame {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.25));
  border: 1px solid rgba(226, 191, 102, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="cinemaTheater"] .btn.primary {
  background: linear-gradient(180deg, #f2d389 0%, #d9b15f 60%, #b88934 100%);
  border-color: #d9b15f;
  color: #2b1c02;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 10px 20px rgba(0, 0, 0, 0.35);
}

html[data-theme="cinemaTheater"] .btn {
  border: 1px solid rgba(226, 191, 102, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="cinemaTheater"] input,
html[data-theme="cinemaTheater"] select,
html[data-theme="cinemaTheater"] textarea {
  background: #0f0d14;
  color: #f5f2e9;
  border: 1px solid rgba(226, 191, 102, 0.25);
}

html[data-theme="cinemaTheater"] .badge,
html[data-theme="cinemaTheater"] .chip {
  border: 1px solid rgba(226, 191, 102, 0.5);
  color: #f5f2e9;
}

html[data-theme="cinemaTheater"] .badge {
  background: linear-gradient(180deg, rgba(226, 191, 102, 0.35), rgba(226, 191, 102, 0.18));
}