@tailwind base;
@tailwind components;
@tailwind utilities;

/* Premium Dark Mode Global Styling */
.dark body {
    background-color: #0f172a !important; /* Slate 900 */
    color: #f1f5f9 !important; /* Slate 100 */
}

/* Styles for Forms & Inputs in Dark Mode */
.dark input,
.dark select,
.dark textarea {
    background-color: #1e293b !important; /* Slate 800 */
    border-color: #334155 !important; /* Slate 700 */
    color: #f8fafc !important;
}

.dark input::placeholder {
    color: #64748b !important; /* Slate 500 */
}

.dark input:focus,
.dark select:focus {
    border-color: #f59e0b !important; /* Amber 500 */
    box-shadow: 0 0 0 1px #f59e0b !important;
}

.dark label {
    color: #cbd5e1 !important; /* Slate 300 */
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    color: #f8fafc !important;
}

.dark p,
.dark span.text-gray-500,
.dark div.text-gray-500,
.dark span.text-gray-600 {
    color: #94a3b8 !important; /* Slate 400 */
}

.dark .text-gray-800 {
    color: #e2e8f0 !important; /* Slate 200 */
}

.dark .text-gray-900 {
    color: #f8fafc !important; /* Slate 50 */
}

.dark .bg-white {
    background-color: #1e293b !important; /* Slate 800 */
}

.dark .border-gray-100 {
    border-color: #334155 !important; /* Slate 700 */
}

.dark .border-gray-200 {
    border-color: #334155 !important; /* Slate 700 */
}

.dark .bg-gray-50 {
    background-color: #0f172a !important; /* Slate 900 */
}

.dark .bg-slate-50 {
    background-color: #0f172a !important; /* Slate 900 */
}

.dark .bg-gray-100 {
    background-color: #334155 !important; /* Slate 700 */
}

.dark .hover\:bg-gray-50:hover {
    background-color: #1e293b !important;
}

.dark .hover\:bg-gray-100:hover {
    background-color: #334155 !important;
}

.dark .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

.dark .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) !important;
}

/* Custom Profile Forms Override */
.dark section header h2 {
    color: #f8fafc !important;
}
.dark section header p {
    color: #94a3b8 !important;
}
.dark section form button[type="submit"] {
    background-color: #f59e0b !important; /* Keep amber button */
    color: #ffffff !important;
}
.dark section form button[type="submit"]:hover {
    background-color: #d97706 !important;
}

/* Recharts Dark Mode Overrides */
.dark .recharts-cartesian-grid-horizontal line,
.dark .recharts-cartesian-grid-vertical line {
    stroke: #334155 !important;
}
.dark .recharts-text {
    fill: #94a3b8 !important;
}
.dark .recharts-default-tooltip {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
}
.dark .recharts-tooltip-cursor {
    stroke: #475569 !important;
}