/* Light Theme with Glassy Finish Override */

/* :root {
    --bg: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.7);
    --bg-soft: rgba(248, 250, 252, 0.8);
    --bg-glass: rgba(255, 255, 255, 0.65);
    --accent: #5197d5;
    --accent-soft: rgba(81, 151, 213, 0.12);
    --accent-2: #3b82f6;
    --accent-3: #315a7b;
    --text-main: #1e293b;
    --text-soft: #64748b;
    --border-soft: rgba(203, 213, 225, 0.8);
    --border-glass: rgba(255, 255, 255, 0.5);
    --danger: #ef4444;
    --shadow-soft: 0 8px 32px rgba(81, 151, 213, 0.12);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08);
} */

:root {
    /* Warmer backgrounds */
    --bg: #fdfcfb;
    /* warm off-white */
    --bg-card: rgba(253, 252, 251, 0.75);
    --bg-soft: rgba(249, 247, 244, 0.85);
    --bg-glass: rgba(253, 252, 251, 0.65);

    /* Accents (unchanged) */
    --accent: #5197d5;
    --accent-soft: rgba(81, 151, 213, 0.12);
    --accent-2: #3b82f6;
    --accent-3: #315a7b;

    /* Text */
    --text-main: #1e293b;
    --text-soft: #64748b;

    /* Borders */
    --border-soft: rgba(203, 213, 225, 0.8);
    --border-glass: rgba(255, 255, 255, 0.55);

    /* Status */
    --danger: #ef4444;

    /* Shadows */
    --shadow-soft: 0 8px 32px rgba(81, 151, 213, 0.12);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08);
}


html,
body {
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg,
            #fdfefe 0%,
            #f6f9fc 45%,
            #eef3f8 100%) !important;
    color: var(--text-main) !important;
}


/* Glassy background overlay */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 20% 20%, rgba(81, 151, 213, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(49, 90, 123, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}

/* NAVBAR - Glassy effect */
.nav {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.95),
            rgba(255, 255, 255, 0.88),
            rgba(255, 255, 255, 0.75)) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(81, 151, 213, 0.2) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05) !important;
}

.nav-link {
    color: var(--text-soft) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--text-main) !important;
}

/* Nav toggle for mobile */
.nav-toggle {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
}

.nav-toggle-bars span {
    background: #475569 !important;
}

/* Mobile nav menu */
.nav-right {
    background: rgba(255, 255, 255, 0.98) !important;
}

@media (max-width: 960px) {
    .nav-right {
        background: rgba(255, 255, 255, 0.98) !important;
        border-bottom: 1px solid rgba(81, 151, 213, 0.2) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    }

    .nav-badge {
        border: 1px solid rgba(81, 151, 213, 0.4) !important;
        color: var(--text-soft) !important;
        background: rgba(255, 255, 255, 0.8) !important;
    }
}

/* Logo mark inner */
.nav-logo-mark::after {
    background: radial-gradient(circle at top left, #ffffff, #f8fafc) !important;
}

/* Hero kicker */
.hero-kicker {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(81, 151, 213, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Cards - Glassy effect */
.card-soft,
.hero-card,
.stat-card,
.dept-card,
.roi-card,
.solution-card,
.contact-pill {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.card-soft.danger {
    background: rgba(254, 226, 226, 0.5) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.roi-card.good {
    background: rgba(220, 252, 231, 0.5) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* Hero card gradient overlay */
.hero-card::before {
    background: radial-gradient(circle at top,
            rgba(81, 151, 213, 0.08),
            transparent 55%),
        radial-gradient(circle at bottom right,
            rgba(49, 90, 123, 0.08),
            transparent 55%) !important;
}

/* Hero metrics */
.hero-metric {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.hero-metric-label {
    color: var(--text-soft) !important;
}

.hero-metric-value {
    color: var(--text-main) !important;
}

/* Pills and badges */
.pill-small,
.solution-badge,
.badge-chip,
.hero-card-tag {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(203, 213, 225, 0.6) !important;
    color: var(--text-soft) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.status-pill {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #15803d !important;
}

.status-pill-dot {
    background: #22c55e !important;
}

/* Text colors */
.card-title,
.hero-card-main-title,
.stat-value,
.dept-label,
.roi-amount,
.page-title,
.section-title,
.timeline-title {
    color: var(--text-main) !important;
}

.card-body,
.hero-card-subtitle,
.hero-sub,
.page-sub,
.section-sub,
.stat-note,
.dept-tag,
.roi-note,
.timeline-text,
.hero-note,
.hero-card-footer {
    color: var(--text-soft) !important;
}

/* Accent colors */
.section-kicker,
.page-kicker,
.hero-kicker,
.section-label,
.contact-pill-label {
    color: var(--accent-2) !important;
}

/* Bullet list */
.bullet-list li {
    color: var(--text-soft) !important;
}

/* Buttons */
.btn-secondary {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    color: var(--text-soft) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(81, 151, 213, 0.6) !important;
    color: var(--text-main) !important;
}

/* CTA strip */
.cta-strip {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(81, 151, 213, 0.3) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    box-shadow:
        0 8px 32px rgba(81, 151, 213, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.cta-text-main {
    color: var(--text-main) !important;
}

.cta-text-sub {
    color: var(--text-soft) !important;
}

/* Footer */
.footer {
    color: var(--text-soft) !important;
    border-top: 1px solid rgba(203, 213, 225, 0.6) !important;
}

/* Forms */
input,
select,
textarea {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    color: var(--text-main) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(81, 151, 213, 0.8) !important;
    box-shadow: 0 0 0 3px rgba(81, 151, 213, 0.15) !important;
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af !important;
}

.hint {
    color: var(--text-soft) !important;
}

label {
    color: var(--text-soft) !important;
}

/* Contact pill */
.contact-pill {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

.contact-pill-value {
    color: var(--text-main) !important;
}

/* Info list */
.info-list {
    color: var(--text-soft) !important;
}

/* Timeline */
.timeline {
    border-left: 1px solid rgba(203, 213, 225, 0.8) !important;
}

/* Nav mobile menu */
.nav-mobile-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid rgba(203, 213, 225, 0.5) !important;
}

.nav-mobile-menu a {
    color: var(--text-soft) !important;
}

.nav-mobile-menu a.active {
    color: var(--text-main) !important;
}

/* Hero metadata */
.hero-metadata-item span.label {
    color: var(--text-soft) !important;
}

.hero-metadata-item span.value {
    color: var(--text-main) !important;
}

/* Card icons - adjust for light background */
.card-icon.red {
    background: rgba(254, 202, 202, 0.6) !important;
    color: #dc2626 !important;
}

.card-icon.blue {
    background: rgba(191, 219, 254, 0.6) !important;
    color: #2563eb !important;
}

.card-icon.yellow {
    background: rgba(254, 240, 138, 0.6) !important;
    color: #ca8a04 !important;
}

/* Blog card images */
.card-image {
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

/* Special glassy accents */
.hero-card,
.solution-card {
    border: 1px solid rgba(81, 151, 213, 0.25) !important;
}

/* Subtle animated glow for glass effect */
@keyframes subtle-glow {

    0%,
    100% {
        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.06),
            inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    50% {
        box-shadow:
            0 8px 32px rgba(81, 151, 213, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
}

.hero-card {
    animation: subtle-glow 4s ease-in-out infinite;
}

/* Blog-specific content box - glassy */
.content-box {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* Blog headings */
h1,
h2,
h3 {
    color: var(--text-main) !important;
}

h2 {
    color: var(--accent-2) !important;
}

/* Blog paragraphs and lists */
p {
    color: var(--text-soft) !important;
}

.content-box ul {
    color: var(--text-soft) !important;
}

.content-box li {
    color: var(--text-soft) !important;
}

.content-box strong {
    color: var(--text-main) !important;
}

/* Blog header styling */
.blog-header {
    color: var(--text-main) !important;
}

.blog-date {
    color: var(--text-soft) !important;
}

/* Blog image border */
.blog-image {
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

/* Container styling for policy pages */
.container {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}