/**
 * Light / dark theme — toggled via html[data-theme="dark"]
 */

html[data-theme="dark"] {
    color-scheme: dark;
    --white: #2a1f3d;
    --soft-bg: #14101f;
    --soft-pink: #14101f;
    --soft-lavender: #1f1730;
    --lavender: #3d3355;
    --accent-sparkle: #4a3d66;
    --purple-light: #3d3355;
    --text: #f5f0fc;
    --text-muted: #b0a4c4;
    --text-light: #8b7f9e;
    --border-color: #3d3355;
    --gradient-hero: linear-gradient(135deg, #14101f 0%, #1f1730 45%, #2a1f3d 100%);
    --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.42);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.48);
}

html[data-theme="dark"] body {
    background: var(--soft-bg);
    color: var(--text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .display-font {
    color: var(--text);
}

html[data-theme="dark"] .glass-card {
    background: rgba(42, 31, 61, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .card-modern {
    background: var(--white);
    color: var(--text);
}

html[data-theme="dark"] .card-modern:hover {
    box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: #1f1730;
    border-color: var(--lavender);
    color: var(--text);
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: #1f1730;
    border-color: var(--primary-light);
    color: var(--text);
}

html[data-theme="dark"] .form-control::placeholder {
    color: var(--text-muted);
}

html[data-theme="dark"] .modal-content {
    background: var(--white);
    color: var(--text);
    border: 1px solid var(--lavender);
}

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

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-theme="dark"] .dropdown-menu {
    background: var(--white);
    border-color: var(--lavender);
}

html[data-theme="dark"] .dropdown-item {
    color: var(--text);
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
    background: var(--soft-lavender);
    color: var(--text);
}

html[data-theme="dark"] .site-header--transparent {
    background: rgba(20, 16, 31, 0.88);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .mobile-bottom-nav {
    background: rgba(26, 19, 40, 0.98);
    border-top-color: var(--lavender);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .rishthe-footer {
    background: #100c18;
    color: var(--text-muted);
}

html[data-theme="dark"] .footer-heading {
    color: var(--text);
}

html[data-theme="dark"] .footer-links a {
    color: var(--text-muted);
}

html[data-theme="dark"] .footer-links a:hover {
    color: var(--primary-light);
}

html[data-theme="dark"] .settings-nav .nav-link.active {
    background: var(--soft-lavender);
    color: var(--primary-light);
}

html[data-theme="dark"] .settings-theme-card {
    background: #1f1730;
    border-color: var(--lavender);
    color: var(--text);
}

html[data-theme="dark"] .settings-theme-option input:checked + .settings-theme-card {
    border-color: var(--primary-light);
    background: rgba(123, 44, 191, 0.18);
}

html[data-theme="dark"] .settings-danger-zone {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.35);
}

html[data-theme="dark"] .list-group-item {
    background: var(--white);
    border-color: var(--lavender);
    color: var(--text);
}

html[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

html[data-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--text);
    --bs-table-border-color: var(--lavender);
}