:root[data-theme="day"] {
    --lv-bg: #F3F6F8;
    --lv-bg-secondary: #E6EDF2;
    --lv-surface: #FFFFFF;
    --lv-surface-alt: #EAF0F4;
    --lv-surface-soft: var(--lv-surface-alt);
    --lv-card: #FFFFFF;
    --lv-card-border: #D2DDE5;
    --lv-text: #172B3A;
    --lv-text-secondary: #526675;
    --lv-text-muted: #5F6F7B;
    --lv-muted: var(--lv-text-secondary);
    --lv-border: #D2DDE5;
    --lv-border-strong: #AABBC7;
    --lv-divider: #DFE7EC;
    --lv-hover: #E5EFF5;
    --lv-selected: #D6EAF7;
    --lv-primary: #063B64;
    --lv-primary-hover: #075B91;
    --lv-primary-dark: #052D4C;
    --lv-primary-soft: #E5F0F7;
    --lv-primary-contrast: #FFFFFF;
    --lv-accent: #278C2D;
    --lv-accent-bright: #63C500;
    --lv-accent-text: #216E27;
    --lv-accent-text-secondary: #075B91;
    --lv-accent-ink: #063B64;
    --lv-accent-secondary: #075B91;
    --lv-accent-soft: color-mix(in srgb, var(--lv-accent) 12%, transparent);
    --lv-accent-border: color-mix(in srgb, var(--lv-accent) 38%, var(--lv-border));
    --lv-accent-glow: color-mix(in srgb, var(--lv-accent) 20%, transparent);
    --lv-grid-line: #063B6412;
    --lv-success: #237A2B;
    --lv-success-soft: #E7F4E9;
    --lv-success-contrast: #FFFFFF;
    --lv-warning: #9A5800;
    --lv-warning-soft: #FFF4DE;
    --lv-warning-contrast: #FFFFFF;
    --lv-danger: #B83232;
    --lv-danger-soft: #FCEAEA;
    --lv-danger-contrast: #FFFFFF;
    --lv-info: #075B91;
    --lv-info-soft: #E7F1F7;
    --lv-info-contrast: #FFFFFF;
    --lv-purple: #5F63A7;
    --lv-purple-soft: #EEF0F8;
    --lv-orange: #9A5800;
    --lv-orange-soft: #FFF4DE;
    --lv-network: #075B91;
    --lv-network-soft: #E7F1F7;
    --lv-inventory: #278C2D;
    --lv-inventory-soft: #E7F4E9;
    --lv-site-layer: #075B91;
    --lv-site-layer-soft: #E7F1F7;
    --lv-relation-layer: #278C2D;
    --lv-relation-layer-soft: #E7F4E9;
    --lv-route-layer: #286F83;
    --lv-route-layer-soft: #E5F1F4;
    --lv-sidebar: #063B64;
    --lv-sidebar-hover: #075B91;
    --lv-sidebar-active: #0A5279;
    --lv-sidebar-text: #FFFFFF;
    --lv-sidebar-muted: #D6E4ED;
    --lv-input-bg: #FFFFFF;
    --lv-focus: #075B91;
    --lv-map-empty: #DCE7EF;
    --lv-shadow-sm: 0 1px 2px #063B6414;
    --lv-shadow: 0 8px 24px #063B641A;
    --lv-shadow-lg: 0 18px 45px #063B6426;
}

:root[data-theme="day"] .log-navbar,
:root[data-theme="day"] .map-header,
:root[data-theme="day"] .view-header {
    background: var(--lv-sidebar);
}

:root[data-theme="day"] .hero-section {
    background: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--lv-accent) 16%, transparent), transparent 32%), radial-gradient(circle at 86% 48%, color-mix(in srgb, var(--lv-primary-hover) 12%, transparent), transparent 30%), var(--lv-bg);
}

:root[data-theme="day"] .hero-grid {
    opacity: .35;
}

:root[data-theme="day"] .hero-title,
:root[data-theme="day"] .hero-description,
:root[data-theme="day"] .metric,
:root[data-theme="day"] .section-title {
    color: var(--lv-text);
}

:root[data-theme="day"] .btn-outline-light {
    --bs-btn-color: var(--lv-sidebar-text);
    --bs-btn-border-color: var(--lv-sidebar-muted);
    --bs-btn-hover-bg: var(--lv-surface);
    --bs-btn-hover-border-color: var(--lv-surface);
    --bs-btn-hover-color: var(--lv-primary);
}

:root[data-theme="day"] .login-modal {
    box-shadow: var(--lv-shadow-lg);
}

:root[data-theme="day"] .log-navbar .brand-accent {
    color: var(--lv-accent-bright) !important;
}

:root[data-theme="day"] .log-brand .brand-mark,
:root[data-theme="day"] .sidebar-brand .brand-mark {
    background: linear-gradient(135deg, var(--lv-primary), var(--lv-primary-hover));
    color: var(--lv-primary-contrast);
    box-shadow: var(--lv-shadow-sm);
}

:root[data-theme="day"] .network-node {
    background: var(--lv-surface);
    border-color: var(--lv-border-strong);
    color: var(--lv-primary);
    box-shadow: var(--lv-shadow-sm);
}

:root[data-theme="day"] .main-node {
    background: linear-gradient(135deg, var(--lv-primary-soft), var(--lv-accent-soft));
    border-color: var(--lv-primary);
}

:root[data-theme="day"] .network-label {
    color: var(--lv-text-secondary);
}

:root[data-theme="day"] .metric-separator {
    background: var(--lv-border-strong);
}

:root[data-theme="day"] .platform-section,
:root[data-theme="day"] .features-section {
    border-color: var(--lv-divider);
}

:root[data-theme="day"] .feature-card,
:root[data-theme="day"] .feature-list-item {
    background: var(--lv-surface);
    border-color: var(--lv-card-border);
    box-shadow: var(--lv-shadow-sm);
}

:root[data-theme="day"] .log-footer {
    background: var(--lv-bg-secondary);
    border-color: var(--lv-border);
    color: var(--lv-text-secondary);
}

:root[data-theme="day"] .footer-brand {
    color: var(--lv-primary);
}

:root[data-theme="day"] .btn:active:not(:disabled),
:root[data-theme="day"] .btn.active:not(:disabled) {
    filter: brightness(.92);
}

:root[data-theme="day"] .btn-primary:hover:not(:disabled):not(.disabled) {
    background: var(--lv-primary-hover) !important;
    border-color: var(--lv-primary-hover) !important;
    filter: none;
}

:root[data-theme="day"] .btn-secondary,
:root[data-theme="day"] .btn-outline-secondary {
    --bs-btn-color: var(--lv-text);
    --bs-btn-bg: var(--lv-surface);
    --bs-btn-border-color: var(--lv-border);
    --bs-btn-hover-color: var(--lv-primary);
    --bs-btn-hover-bg: var(--lv-hover);
    --bs-btn-hover-border-color: var(--lv-border-strong);
}

:root[data-theme="day"] .btn:disabled,
:root[data-theme="day"] .btn.disabled {
    opacity: .58;
}