/**
 * Dark Theme Stylesheet - PPDB SMK PGRI 2 Ponorogo
 * Warna gelap elegan dengan aksen modern
 */

[data-theme="dark"] {
    --white: #1a1a2e;
    --gray-50: #16162a;
    --gray-100: #1f1f3a;
    --gray-200: #2a2a4a;
    --gray-300: #3a3a5a;
    --gray-400: #6b6b8a;
    --gray-500: #9090a8;
    --gray-600: #b0b0c8;
    --gray-700: #d0d0e8;
    --gray-800: #e8e8f8;
    --gray-900: #f5f5ff;

    --primary-blue: #6b8cff;
    --primary-purple: #a855f7;
    --primary-gradient: linear-gradient(135deg, #6b8cff 0%, #a855f7 100%);
    --primary-gradient-hover: linear-gradient(135deg, #5a7be6 0%, #9333ea 100%);

    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 25px rgba(107, 140, 255, 0.3);
}

[data-theme="dark"] body {
    background-color: var(--gray-50);
    color: var(--gray-800);
}

[data-theme="dark"] .navbar {
    background: rgba(26, 26, 46, 0.95);
}

[data-theme="dark"] .navbar.scrolled {
    background: var(--white);
}

[data-theme="dark"] .navbar-title {
    color: var(--gray-900);
}

[data-theme="dark"] .card {
    background: var(--white);
    border: 1px solid var(--gray-200);
}

[data-theme="dark"] .card-header {
    border-bottom-color: var(--gray-200);
}

[data-theme="dark"] .card-footer {
    background: var(--gray-100);
    border-top-color: var(--gray-200);
}

[data-theme="dark"] .form-control {
    background: var(--gray-100);
    border-color: var(--gray-300);
    color: var(--gray-800);
}

[data-theme="dark"] .form-control:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(107, 140, 255, 0.2);
}

[data-theme="dark"] .form-file-label {
    background: var(--gray-100);
    border-color: var(--gray-300);
}

[data-theme="dark"] .table th {
    background: var(--gray-100);
    color: var(--gray-800);
}

[data-theme="dark"] .table td {
    border-color: var(--gray-200);
}

[data-theme="dark"] .table tbody tr:hover {
    background: var(--gray-100);
}

[data-theme="dark"] .sidebar {
    background: var(--white);
}

[data-theme="dark"] .sidebar-nav-item:hover {
    background: var(--gray-100);
}

[data-theme="dark"] .sidebar-nav-item.active {
    background: rgba(107, 140, 255, 0.15);
}

[data-theme="dark"] .mobile-menu {
    background: var(--white);
}

[data-theme="dark"] .mobile-menu-link {
    border-bottom-color: var(--gray-200);
}

[data-theme="dark"] .stat-card {
    background: var(--white);
}

[data-theme="dark"] .footer {
    background: #0d0d1a;
}

[data-theme="dark"] .footer-bottom {
    border-top-color: var(--gray-200);
}

[data-theme="dark"] .modal-content {
    background: var(--white);
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: var(--gray-200);
}

[data-theme="dark"] .menu-item {
    background: var(--white);
}

[data-theme="dark"] .jurusan-card {
    background: var(--white);
}

[data-theme="dark"] .btn-secondary {
    background: var(--gray-100);
    border-color: var(--primary-blue);
}

[data-theme="dark"] .loading {
    background: rgba(26, 26, 46, 0.95);
}

[data-theme="dark"] .loading-spinner {
    border-color: var(--gray-300);
    border-top-color: var(--primary-blue);
}

/* Dark theme scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--gray-100);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--gray-400);
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--gray-500);
}