html.light-mode,
html.light-mode body,
body.light-mode {
    background: #f4f7fb !important;
    color: #0f172a !important;
}

html.light-mode .side,
body.light-mode .side {
    background: #ffffff !important;
    border-right-color: #dbe3ef !important;
}

html.light-mode .main,
body.light-mode .main {
    background: #f4f7fb !important;
}

html.light-mode .card,
body.light-mode .card {
    background: #ffffff !important;
    border-color: #dbe3ef !important;
    color: #0f172a !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

html.light-mode .nav a,
body.light-mode .nav a {
    background: #ffffff !important;
    border-color: #dbe3ef !important;
    color: #0f172a !important;
}

html.light-mode .nav a:hover,
body.light-mode .nav a:hover {
    background: #eef4ff !important;
}

html.light-mode .muted,
body.light-mode .muted {
    color: #64748b !important;
}

html.light-mode input,
html.light-mode select,
html.light-mode textarea,
body.light-mode input,
body.light-mode select,
body.light-mode textarea {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html.light-mode button,
html.light-mode .btn,
body.light-mode button,
body.light-mode .btn {
    background: #2563eb !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

html.light-mode .pill,
body.light-mode .pill {
    background: #eef4ff !important;
    border-color: #bfdbfe !important;
    color: #1e3a8a !important;
}

html.light-mode .table td,
html.light-mode .table th,
body.light-mode .table td,
body.light-mode .table th {
    border-bottom-color: #dbe3ef !important;
}

html.light-mode .notice.ok,
body.light-mode .notice.ok {
    background: #dcfce7 !important;
    border-color: #86efac !important;
    color: #14532d !important;
}

html.light-mode .notice.error,
body.light-mode .notice.error {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #7f1d1d !important;
}

html.light-mode a,
body.light-mode a {
    color: #2563eb !important;
}

html.light-mode .land-card,
body.light-mode .land-card {
    background: #ffffff !important;
    border-color: #dbe3ef !important;
}

html.light-mode .ride-dot,
body.light-mode .ride-dot {
    background: #f8fafc !important;
    border-color: #dbe3ef !important;
}

html.light-mode .wait-badge,
body.light-mode .wait-badge {
    background: #eef4ff !important;
    border-color: #bfdbfe !important;
}

html.light-mode .brand-title,
body.light-mode .brand-title,
html.light-mode .title,
body.light-mode .title,
html.light-mode label,
body.light-mode label {
    color: #0f172a !important;
}

html.light-mode .subtitle,
body.light-mode .subtitle {
    color: #64748b !important;
}