:root {
    --primary-color: #00c8c8;
    --secondary-color: #1a1a2e;
    --background-color: #0f1016;
    --text-color: #ffffff;
    --button-color: #00c8c8;
    --button-hover-color: #00a0a0;
    --menu-color: #1a1a2e;
    --card-color: #1a1a2e;
    --border-color: #333333;
    --icon-color: #00c8c8;
    --header-color: #1a1a2e;
    --footer-color: #0f1016;
    --link-color: #00c8c8;
    --link-hover-color: #00a0a0;
    --input-color: #1a1a2e;
    --sidebar-color: #1a1a2e;
    --modal-color: #1a1a2e;
}

body { background-color: var(--background-color) !important; color: var(--text-color) !important; }
.header, .navbar { background-color: var(--header-color) !important; }
.footer { background-color: var(--footer-color) !important; }
.btn, button { background-color: var(--button-color) !important; border-color: var(--button-color) !important; color: #fff !important; }
.btn:hover, button:hover { background-color: var(--button-hover-color) !important; border-color: var(--button-hover-color) !important; }
.card, .movie-card { background-color: var(--card-color) !important; border-color: var(--border-color) !important; }
.navbar-nav .nav-link { color: var(--text-color) !important; }
.navbar-nav .nav-link:hover { color: var(--primary-color) !important; }
.dropdown-menu { background-color: var(--menu-color) !important; border-color: var(--border-color) !important; }
.dropdown-item { color: var(--text-color) !important; }
.dropdown-item:hover { background-color: var(--primary-color) !important; color: #fff !important; }
.form-control, input, textarea, select { background-color: var(--input-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; }
.badge { background-color: var(--primary-color) !important; }
.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }
a { color: var(--link-color) !important; }
a:hover { color: var(--link-hover-color) !important; }
.fa, .fas, .far, .fab { color: var(--icon-color) !important; }
.sidebar, .main-sidebar { background-color: var(--sidebar-color) !important; }
.table-dark { background-color: var(--card-color) !important; }
.table-dark td, .table-dark th { border-color: var(--border-color) !important; }
.modal-content { background-color: var(--modal-color) !important; }
.modal-header { border-color: var(--border-color) !important; }
.alert-success { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; }
.movie-item, .series-item { background-color: var(--card-color) !important; border: 1px solid var(--border-color) !important; }
.movie-item:hover, .series-item:hover { border-color: var(--primary-color) !important; }
.search-bar { background-color: var(--input-color) !important; border-color: var(--border-color) !important; }
.pagination .page-link { background-color: var(--card-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; }
.pagination .page-link:hover { background-color: var(--primary-color) !important; color: #fff !important; }