[data-bs-theme="light"] body {
    background: linear-gradient(135deg, #ff9933, #ffffff, #138808);
    background-attachment: fixed;
    font-family: 'Segoe UI', sans-serif;
}

[data-bs-theme="light"] .cyber-card, .cyber-card-without-border {
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.5);
}

    [data-bs-theme="light"] .cyber-card::before {
        background: linear-gradient(135deg, #ff9933, #ffffff, #138808);
    }
[data-bs-theme="light"] .cyber-title {
    color: var(--flag-orange);
}

[data-bs-theme="light"] .stat .num, .list-text strong {
    color: var(--flag-green);
}

[data-bs-theme="light"] .dot.transparent {
    background: white;
}

[data-bs-theme="light"] .list-text {
    color: black;
}

[data-bs-theme="light"] .dot.blue {
    background: var(--flag-blue);
}

[data-bs-theme="light"] .dot.pink {
    background: var(--flag-white);
}

[data-bs-theme="light"] .dot.green {
    background: var(--flag-green);
}

[data-bs-theme="light"] .dot.orange {
    background: var(--flag-orange);
}

[data-bs-theme="light"] .section-head h3 {
    color: var(--flag-blue);
}

[data-bs-theme="light"] .kicker {
    background-color: var(--flag-white);
    color: var(--flag-blue);
}
[data-bs-theme="light"] .state-name {
    color: var(--flag-green)
}
[data-bs-theme="light"] .stat {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

[data-bs-theme="light"] a {
    color: var(--flag-green);
    text-decoration: none;
}

    [data-bs-theme="light"] a:hover {
        color: var(--flag-orange);
    }