/* RozgarOne Premium Dark Mode Stylesheet */

html.dark {
    color-scheme: dark;
}

/* Smooth transitions for theme toggle */
html.dark body,
html.dark header,
html.dark nav,
html.dark footer,
html.dark .card,
html.dark .job-card,
html.dark button,
html.dark input,
html.dark select,
html.dark textarea {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Base Body in Dark Mode */
html.dark body {
    background-color: #0b0f19 !important;
    color: #cbd5e1 !important;
}

/* Header & Sub-bars */
html.dark header {
    background-color: #101726 !important;
    border-color: #1e293b !important;
}

html.dark header nav a.text-neutral-600 {
    color: #94a3b8 !important;
}

html.dark header nav a.text-neutral-600:hover,
html.dark header nav a.hover\:bg-neutral-100:hover {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

html.dark .md\:hidden.bg-neutral-50\/90,
html.dark .md\:hidden.bg-neutral-50 {
    background-color: #101726 !important;
    border-color: #1e293b !important;
}

html.dark .md\:hidden a {
    color: #94a3b8;
}

html.dark .md\:hidden a:hover {
    color: #f1f5f9;
}

/* Background Replacements */
html.dark .bg-white {
    background-color: #131b2e !important;
}

html.dark .bg-white\/80,
html.dark .bg-white\/90,
html.dark .bg-white\/95 {
    background-color: rgba(19, 27, 46, 0.95) !important;
}

html.dark .bg-neutral-50,
html.dark .bg-slate-50,
html.dark .bg-gray-50 {
    background-color: #0b0f19 !important;
}

html.dark .bg-neutral-100,
html.dark .bg-slate-100,
html.dark .bg-gray-100 {
    background-color: #1a2333 !important;
}

html.dark .bg-neutral-200,
html.dark .bg-slate-200 {
    background-color: #243048 !important;
}

/* Borders */
html.dark .border-neutral-100,
html.dark .border-slate-100,
html.dark .border-gray-100,
html.dark .border-neutral-200,
html.dark .border-slate-200,
html.dark .border-gray-200,
html.dark .border-neutral-200\/80,
html.dark .border-neutral-200\/60 {
    border-color: #1e293b !important;
}

html.dark .border-neutral-300,
html.dark .border-slate-300 {
    border-color: #2b3952 !important;
}

html.dark .divide-neutral-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-neutral-200 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: #1e293b !important;
}

/* Text Colors */
html.dark .text-neutral-900,
html.dark .text-slate-900,
html.dark .text-gray-900,
html.dark .text-black {
    color: #f8fafc !important;
}

html.dark .text-neutral-800,
html.dark .text-slate-800,
html.dark .text-gray-800 {
    color: #f1f5f9 !important;
}

html.dark .text-neutral-700,
html.dark .text-slate-700,
html.dark .text-gray-700 {
    color: #cbd5e1 !important;
}

html.dark .text-neutral-600,
html.dark .text-slate-600,
html.dark .text-gray-600 {
    color: #94a3b8 !important;
}

html.dark .text-neutral-500,
html.dark .text-slate-500,
html.dark .text-gray-500 {
    color: #64748b !important;
}

html.dark .text-neutral-400,
html.dark .text-slate-400 {
    color: #64748b !important;
}

/* Forms & Inputs */
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea {
    background-color: #0b0f19 !important;
    border-color: #2b3952 !important;
    color: #f8fafc !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #64748b !important;
}

/* Hover States */
html.dark .hover\:bg-neutral-50:hover,
html.dark .hover\:bg-slate-50:hover,
html.dark .hover\:bg-gray-50:hover {
    background-color: #1a2333 !important;
}

html.dark .hover\:bg-neutral-100:hover,
html.dark .hover\:bg-slate-100:hover {
    background-color: #1f293d !important;
}

html.dark .hover\:text-neutral-900:hover,
html.dark .hover\:text-slate-900:hover {
    color: #ffffff !important;
}

/* Tints & Badges */
html.dark .bg-blue-50,
html.dark .bg-blue-50\/60,
html.dark .bg-blue-50\/50 {
    background-color: rgba(37, 99, 235, 0.18) !important;
    color: #93c5fd !important;
}

html.dark .bg-emerald-50,
html.dark .bg-green-50 {
    background-color: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html.dark .bg-rose-50,
html.dark .bg-red-50 {
    background-color: rgba(244, 63, 94, 0.18) !important;
    color: #fda4af !important;
}

html.dark .bg-amber-50,
html.dark .bg-yellow-50 {
    background-color: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html.dark .bg-purple-50 {
    background-color: rgba(168, 85, 247, 0.18) !important;
    color: #d8b4fe !important;
}

html.dark .bg-indigo-50 {
    background-color: rgba(99, 102, 241, 0.18) !important;
    color: #a5b4fc !important;
}

/* Tables */
html.dark table th {
    background-color: #101726 !important;
    color: #cbd5e1 !important;
    border-color: #1e293b !important;
}

html.dark table td {
    border-color: #1e293b !important;
    color: #cbd5e1 !important;
}

html.dark table tr:hover {
    background-color: #1a2333 !important;
}

/* Modals & Popups */
html.dark .bg-black\/50,
html.dark .bg-neutral-900\/60 {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

html.dark .modal-content,
html.dark [role="dialog"] {
    background-color: #101726 !important;
    border-color: #1e293b !important;
    color: #f1f5f9 !important;
}

/* Footers */
html.dark footer {
    background-color: #070a12 !important;
    border-color: #1e293b !important;
}

/* Shadows */
html.dark .shadow-xs,
html.dark .shadow-sm,
html.dark .shadow-md,
html.dark .shadow-lg,
html.dark .shadow-xl,
html.dark .shadow-2xl {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.6) !important;
}

/* Hero & Tools Banner Gradient tweaks in dark mode */
html.dark .from-slate-900.via-blue-950.to-indigo-950 {
    background: linear-gradient(135deg, #070b14 0%, #0c162d 50%, #0d1b3a 100%) !important;
}

/* Active tab button */
html.dark nav a.bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

/* Fast ticker / Bulletin bar */
html.dark #bulletin-bar,
html.dark .bulletin-bar {
    background-color: #0d1424 !important;
    border-color: #1e293b !important;
}

/* Custom Scrollbars in Dark Mode */
html.dark ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
html.dark ::-webkit-scrollbar-track {
    background: #0b0f19;
}
html.dark ::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
html.dark ::-webkit-scrollbar-thumb:hover {
    background: #334155;
}