/**
 * REZZZ NEO-BRUTALIST UNIVERSAL THEME SYSTEM (v3.0 - PURE LIGHT MODE)
 * 
 * Filosofi Warna Resmi REZZZ:
 * 1. DUA WARNA DOMINAN UTAMA (Yang Paling Banyak):
 *    - PUTIH (#FFFFFF & #F8FAFC): Background kanvas dengan dot-grid tipis, kartu, panel, wadah konten, input box.
 *    - KUNING (#FFE500 / #FFE600): Tombol aksi utama (CTA), header badge, highlight aktif, chip kategori.
 * 2. HITAM (#0B0C0E):
 *    - CUMA untuk bayangan brutalist (box-shadow: 3px 3px 0px #0B0C0E / 4px 4px 0px #0B0C0E),
 *      garis border (border: 2px solid #0B0C0E / 2.5px solid #0B0C0E),
 *      dan teks utama (color: #0B0C0E).
 * 3. WARNA AKSEN TAMBAHAN (Hanya sedikit sebagai pemanis):
 *    - Biru (#2563EB), Merah/Coral (#FF1E46), Hijau (#10B981 / #25D366).
 * 4. Mode Gelap DITIADAKAN: 100% Fokus ke Mode Terang Neo-Brutalism.
 */

:root,
html,
body,
[data-theme="light"],
[data-theme="dark"] {
  color-scheme: light !important;

  /* 1. KANVAS & LATAR (PUTIH BERSIH) */
  --bg: #F8FAFC !important;
  --bg-page: #F8FAFC !important;
  --bg-main: #F8FAFC !important;
  --bg-base: #F8FAFC !important;
  --color-bg: #F8FAFC !important;
  --paper: #FFFFFF !important;
  --bg-paper: #FFFFFF !important;
  --rz-bg: #F8FAFC !important;
  --rz-paper: #FFFFFF !important;
  --bgDark: #F8FAFC !important;
  --yt-black: #F8FAFC !important;

  /* 2. KARTU, PANEL & SURFACE (PUTIH) */
  --bg-surface: #FFFFFF !important;
  --bg-card: #FFFFFF !important;
  --bg-panel: #FFFFFF !important;
  --bg-sidebar: #F8FAFC !important;
  --bg-subtle: #F1F5F9 !important;
  --bg-elevated: #FFFFFF !important;
  --surface: #FFFFFF !important;
  --surface-elevated: #FFFFFF !important;
  --card-bg: #FFFFFF !important;
  --color-surface: #FFFFFF !important;
  --color-surface-alt: #F1F5F9 !important;
  --white-card: #FFFFFF !important;
  --bg-surface-solid: #FFFFFF !important;
  --bg-glass-card: #FFFFFF !important;
  --bg-glass-input: #FFFFFF !important;
  --cardBg: #FFFFFF !important;

  /* 3. TEKS (HITAM PEKAT #0B0C0E) */
  --text: #0B0C0E !important;
  --text-main: #0B0C0E !important;
  --text-primary: #0B0C0E !important;
  --text-sub: #475569 !important;
  --text-muted: #64748B !important;
  --text-secondary: #1E293B !important;
  --color-ink: #0B0C0E !important;
  --color-ink-muted: #475569 !important;
  --white: #0B0C0E !important;

  /* 4. WARNA DOMINAN KEDUA: KUNING (#FFE500) */
  --primary: #FFE500 !important;
  --primary-hover: #FFD700 !important;
  --yellow: #FFE500 !important;
  --yellow-light: #FFF9C4 !important;
  --rz-lime: #FFE500 !important;
  --rz-yellow: #FFE500 !important;

  /* 5. AKSEN PEMANIS (DIPAKAI SEDIKIT) */
  --blue: #2563EB !important;
  --blue-soft: #93C5FD !important;
  --green: #10B981 !important;
  --coral: #FF1E46 !important;
  --red: #FF1E46 !important;
  --primary-red: #FF1E46 !important;

  /* 6. BORDER & BAYANGAN (HITAM PEKAT #0B0C0E) */
  --border: #0B0C0E !important;
  --border-color: #0B0C0E !important;
  --border-ink: #0B0C0E !important;
  --border-card: #0B0C0E !important;
  --border-bright: #0B0C0E !important;
  --border-std: 2px solid #0B0C0E !important;
  --border-bold: 2.5px solid #0B0C0E !important;
  --border-thick: 2.5px solid #0B0C0E !important;
  --border-medium: 2px solid #0B0C0E !important;
  --border-light: 1.5px solid #0B0C0E !important;
  --border-blue: 2px solid #0B0C0E !important;
  --border-yellow: 2px solid #0B0C0E !important;
  --border-red: 2px solid #0B0C0E !important;

  --shadow-hard: 3px 3px 0px #0B0C0E !important;
  --shadow-sm: 2px 2px 0px #0B0C0E !important;
  --shadow-md: 4px 4px 0px #0B0C0E !important;
  --shadow-lg: 6px 6px 0px #0B0C0E !important;
  --shadow-xl: 8px 8px 0px #0B0C0E !important;
  --shadow-hover: 4px 4px 0px #0B0C0E !important;
  --shadow-neo: 3px 3px 0px #0B0C0E !important;
  --shadow-neo-yellow: 3px 3px 0px #0B0C0E !important;
  --shadow-neo-blue: 3px 3px 0px #0B0C0E !important;
  --shadow-neo-primary: 3px 3px 0px #0B0C0E !important;
  --shadow-yellow: 3px 3px 0px #0B0C0E !important;
  --shadow-blue: 3px 3px 0px #0B0C0E !important;
  --shadow-red: 3px 3px 0px #0B0C0E !important;

  /* 7. FORM INPUTS (PUTIH) */
  --input-bg: #FFFFFF !important;
  --bg-input: #FFFFFF !important;
}

/* ==========================================================================
   KANVAS DASAR UNIVERSAL PUTIH DENGAN DOT-GRID TIPIS
   ========================================================================== */
body {
  background-color: #F8FAFC !important;
  color: #0B0C0E !important;
  background-image: radial-gradient(rgba(11, 12, 14, 0.12) 1.25px, transparent 1.25px) !important;
  background-size: 20px 20px !important;
}

/* HEADER & FOOTER RESMI UNIVERSAL */
header,
.gemini-topbar,
.hud-bar,
.topbar,
.top-bar,
.app-header {
  background-color: #FFFFFF !important;
  border-bottom: 2.5px solid #0B0C0E !important;
  color: #0B0C0E !important;
}

footer {
  background-color: #FFFFFF !important;
  border-top: 2.5px solid #0B0C0E !important;
  color: #0B0C0E !important;
}
footer a {
  color: #0B0C0E !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   KARTU & PANEL BRUTALIST (PUTIH DENGAN BORDER & BAYANGAN HITAM)
   ========================================================================== */
.card,
.neo-card,
.neo-box,
.brutal-card,
.brutal-panel,
.panel,
.tool-card,
.drama-card,
.sticker-card,
.pack-card,
.hero-banner,
.filter-card,
.video-card,
.player-top-bar,
.player-tools-row,
.state-banner,
.empty-state-card,
.reel-side-sheet,
.sheet-content,
.modal-content,
.episodes-sheet,
.drawer-content {
  background-color: #FFFFFF !important;
  color: #0B0C0E !important;
  border: 2.5px solid #0B0C0E !important;
  box-shadow: 3px 3px 0px #0B0C0E !important;
}

/* ==========================================================================
   TOMBOL AKSI UTAMA (KUNING DENGAN TEKS HITAM & BAYANGAN HITAM)
   ========================================================================== */
.btn-primary,
.btn-buka,
.btn-buka-action,
.btn-nav-back,
.btn-action-primary,
.btn-download,
.btn-play,
.btn-install,
.btn-install-pack,
.btn-add,
.btn-save,
.btn-load-more,
.btn-yellow,
.btn-search,
.btn-action,
.btn-submit,
.badge-primary,
.brand-badge,
.brand-box {
  background-color: #FFE500 !important;
  color: #0B0C0E !important;
  border: 2px solid #0B0C0E !important;
  box-shadow: 2.5px 2.5px 0px #0B0C0E !important;
  font-weight: 800 !important;
}

.btn-primary:hover,
.btn-buka-action:hover,
.btn-nav-back:hover,
.btn-install-pack:hover,
.btn-load-more:hover,
.btn-search:hover,
.btn-yellow:hover {
  background-color: #FFD700 !important;
  transform: translate3d(-1px, -1px, 0);
  box-shadow: 3.5px 3.5px 0px #0B0C0E !important;
}

.btn-primary:active,
.btn-buka-action:active,
.btn-nav-back:active,
.btn-search:active,
.btn-yellow:active {
  transform: translate3d(1px, 1px, 0);
  box-shadow: 1.5px 1.5px 0px #0B0C0E !important;
}

/* CHIPS & TABS AKTIF (KUNING) */
.filter-chip.active,
.ep-btn.active,
.ep-range-tab.active,
.category-chip.active,
.tab-btn.active,
.badge-pill,
.player-ep-badge,
.result-badge {
  background-color: #FFE500 !important;
  color: #0B0C0E !important;
  border-color: #0B0C0E !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   FORM & INPUT CONTROLS
   ========================================================================== */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea,
select {
  background-color: #FFFFFF !important;
  color: #0B0C0E !important;
  border: 2px solid #0B0C0E !important;
  border-radius: 8px !important;
}

input::placeholder,
textarea::placeholder {
  color: #64748B !important;
}

/* ==========================================================================
   HAPUS SEMUA THEME TOGGLES SECARA PERMANEN
   ========================================================================== */
#btn-theme-toggle,
.rezzz-theme-toggle,
#rezzz-floating-theme,
.rezzz-floating-theme-toggle {
  display: none !important;
}

/* SCROLLBAR BRUTALIST */
::-webkit-scrollbar-track {
  background: #F8FAFC !important;
}
::-webkit-scrollbar-thumb {
  background: #0B0C0E !important;
  border-radius: 4px;
}