/* Light Theme */
body {
    background: #ffffff !important;
    color: #1f2937 !important;
}

header {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

.card,
.modern-card,
.result-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.navbar {
    background: #ffffff !important;
}

/* All Inputs */
input,
.input-modern,
input[type="text"],
input[type="number"],
input[type="email"],
select,
textarea {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

input:focus,
.input-modern:focus {
    background: #ffffff !important;
    border-color: #8b5cf6 !important;
}

.option-card {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

.option-card:hover {
    background: #f3f4f6 !important;
}

.option-card.selected {
    background: rgba(139, 92, 246, 0.1) !important;
    border-color: #8b5cf6 !important;
}

.footer {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
}

.text-text-primary {
    color: #1f2937 !important;
}

.text-text-secondary {
    color: #6b7280 !important;
}

.text-text-muted {
    color: #9ca3af !important;
}

.bg-surface {
    background: #f9fafb !important;
}

.border-border {
    border-color: #e5e7eb !important;
}

/* Buttons */
.btn,
.btn-primary {
    background: #8b5cf6 !important;
    color: #ffffff !important;
    border-color: #8b5cf6 !important;
}

.btn-secondary {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
    border-color: #d1d5db !important;
}

/* Progress Bar */
.progress-bar-modern {
    background: #e5e7eb !important;
}

.progress-fill-modern {
    background: #8b5cf6 !important;
}

/* Question Cards */
.question-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

/* Text Colors */
h1,
h2,
h3,
h4,
.text-lg,
.font-medium {
    color: #1f2937 !important;
}

.text-sm {
    color: #6b7280 !important;
}

/* Step Counter */
.step-counter,
.step-indicator,
.step-number {
    background: #e5e7eb !important;
    color: #1f2937 !important;
}

.step-counter.active,
.step-indicator.active {
    background: #8b5cf6 !important;
    color: #ffffff !important;
}

.step-counter.completed,
.step-indicator.completed {
    background: #10b981 !important;
    color: #ffffff !important;
}

/* BMI Calculator specific */
.bmi-input,
.calculator-input {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

/* Heart Disease Calculator Steps */
.wizard-step,
.progress-step {
    background: #e5e7eb !important;
    color: #1f2937 !important;
}

.wizard-step.active,
.progress-step.active {
    /* background: #8b5cf6 !important; */
    color: #ffffff !important;
}

.review-summary {
    border-color: rgb(229 231 235);
    background-color: rgb(255 255 255);
}

.review-item {
    border-color: rgb(217 217 217 / 16%);
}

/* All dark backgrounds to light */
.bg-gray-800,
.bg-gray-900,
.bg-black {
    background: #ffffff !important;
}

.module-card {
    background-color: rgb(138 138 140 / 6%);
}

.circular-meter-value {
    color: rgb(139 92 246);
}

.metric-card {
    background-color: rgb(255 255 255 / 89%);
}

.bg-background {
    background-color: rgb(255 255 255);
}

.bg-gray-700 {
    background: #f3f4f6 !important;
}

.metric-description {
    color: rgb(129 129 144);
}

.progress-compact {
    background-color: rgb(230 230 230);
}

/* Wizard Steps - Heart Disease Calculator */
.wizard-step {
    background: transparent !important;
}

.btn,
.btn-primary {
    background: #f8f8f8 !important;
    color: #6937ddc7 !important;
    border-color: #8b5cf6cc !important;
}

.wizard-step-number {
    background: #e5e7eb !important;
    color: #1f2937 !important;
}

.wizard-step.active .wizard-step-number {
    background: #8b5cf6 !important;
    color: #ffffff !important;
}

.wizard-step.completed .wizard-step-number {
    background: #10b981 !important;
    color: #ffffff !important;
}

.wizard-step-label {
    color: #1f2937 !important;
}

.wizard-step.active .wizard-step-label {
    color: #8b5cf6 !important;
}

.wizard-step.completed .wizard-step-label {
    color: #10b981 !important;
}

/* Sidebar - light mode */
.sidebar {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

.sidebar-header {
    border-color: #e5e7eb !important;
}

.sidebar-close {
    color: #6b7280 !important;
}

.sidebar-close:hover {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

.sidebar-link {
    color: #374151 !important;
}

.sidebar-link:hover {
    background: #f3f4f6 !important;
    color: #7C3AED !important;
}

/* Hamburger button - light mode */
.menu-toggle {
    color: #1f2937 !important;
}

.menu-toggle:hover {
    background: #f3f4f6 !important;
}

/* Overlay - light mode */
.sidebar-overlay.open {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* Logo - light mode */
.logo-risko {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-clip: unset !important;
    color: #1f2937 !important;
}