@import url("site-base.css");

[data-bs-theme="light"] {
    color-scheme: light;
    --canvas: #ffffff;
    --surface: #f3f3f4;
    --surface-alt: #e1e2e5;
    --line: #e4e4e0;
    --line-strong: #c9c9c1;
    --palette-ice-blue: var(--surface);
    --palette-periwinkle: var(--surface-alt);
    --palette-pastel-blue: var(--line-strong);
    --palette-lavender: var(--surface);
    --palette-blush: var(--surface);
    --bg-primary: #ffffff;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bg-secondary: var(--surface);
    --bs-secondary-bg: var(--surface);
    --bs-secondary-bg-rgb: 243, 243, 244;
    --bs-tertiary-bg: var(--surface-alt);
    --bs-tertiary-bg-rgb: 225, 226, 229;
    --bs-light-rgb: 243, 243, 244;
    --text-primary: #1b1c1e;
    --text-secondary: #686a70;
    --bs-body-color: var(--text-primary);
    --bs-body-color-rgb: 27, 28, 30;
    --bs-emphasis-color: var(--text-primary);
    --bs-emphasis-color-rgb: 27, 28, 30;
    --bs-secondary-color: var(--text-secondary);
    --bs-secondary-color-rgb: 104, 106, 112;
    --text-muted: var(--text-secondary);
    --link-color: #215bd0;
    --link-color-hover: #1d4fbb;
    --bs-link-color: var(--link-color);
    --bs-link-color-rgb: 33, 91, 208;
    --bs-link-hover-color: var(--link-color-hover);
    --bs-link-hover-color-rgb: 29, 79, 187;
    --focus-color: var(--primary);
    --accent-color: var(--primary);
    --accent-1: var(--primary);
    --accent-2: var(--nordic-steel);
    --accent-gradient: var(--primary);
    --bs-primary: var(--primary);
    --bs-primary-rgb: 44, 109, 232;
    --border-color: var(--line);
    --bs-border-color: var(--line);
    --card-bg: var(--canvas);
    --card-border: var(--line);
    --nav-bg: var(--canvas);
    --input-bg: #ffffff;
    --btn-primary-bg: var(--primary);
    --btn-primary-color: #ffffff;
    --btn-dark-bg: var(--primary);
    --btn-cta: var(--primary);
    --btn-cta-hover: var(--primary-hover);
    --shadow-sm: none;
    --shadow: none;
    --shadow-lg: none;
    --controls-bg: var(--canvas);
    --controls-border: var(--line);
    --controls-text: var(--text-primary);
    --input-border: var(--line-strong);
    --input-text: var(--text-primary);
    --button-bg: var(--primary);
    --button-hover: var(--primary-hover);
    --tooltip-bg: var(--canvas);
    --tooltip-border: var(--line-strong);
    --tooltip-text: var(--text-primary);
    --tooltip-strong: var(--text-primary);
    --text-color: var(--text-primary);
    --star-color: var(--nordic-steel);
}

[data-bs-theme="light"] .navbar,
[data-bs-theme="light"] #controls,
[data-bs-theme="light"] #theme-toggle {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

[data-bs-theme="light"] .navbar {
    background: var(--nav-bg);
}

[data-bs-theme="light"] .navbar-brand {
    color: #343a40 !important;
}

[data-bs-theme="light"] .navbar-brand .brand-cat {
    color: #f79672;
}

[data-bs-theme="light"] h1.fw-bold {
    background: none;
    color: var(--text-primary);
    -webkit-text-fill-color: currentColor;
}

[data-bs-theme="light"] .card,
[data-bs-theme="light"] .dashboard-card,
[data-bs-theme="light"] .metric-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border) !important;
    box-shadow: none !important;
}

[data-bs-theme="light"] .card-header {
    background: var(--palette-periwinkle);
    color: var(--text-primary);
}

[data-bs-theme="light"] .card[data-plan="yearly"] {
    background: var(--palette-blush);
}

[data-bs-theme="light"] .text-accent-1,
[data-bs-theme="light"] .text-accent-2,
[data-bs-theme="light"] .text-cta {
    color: var(--text-primary) !important;
}

[data-bs-theme="light"] .bg-accent-1,
[data-bs-theme="light"] .bg-accent-2,
[data-bs-theme="light"] .bg-accent-gradient,
[data-bs-theme="light"] .bg-cta {
    color: #ffffff !important;
}

[data-bs-theme="light"] .bg-primary,
[data-bs-theme="light"] .text-bg-primary {
    background: var(--primary) !important;
    color: #ffffff !important;
}

[data-bs-theme="light"] .bg-secondary,
[data-bs-theme="light"] .text-bg-secondary {
    background: var(--palette-lavender) !important;
    color: var(--text-primary) !important;
}

[data-bs-theme="light"] .btn-secondary {
    --bs-btn-color: var(--text-primary);
    --bs-btn-bg: var(--canvas);
    --bs-btn-border-color: var(--line-strong);
    --bs-btn-hover-color: var(--text-primary);
    --bs-btn-hover-bg: var(--surface-alt);
    --bs-btn-hover-border-color: var(--text-secondary);
    --bs-btn-active-color: var(--text-primary);
    --bs-btn-active-bg: var(--surface-alt);
    --bs-btn-active-border-color: var(--text-secondary);
    --bs-btn-disabled-color: var(--text-primary);
    --bs-btn-disabled-bg: var(--palette-ice-blue);
    --bs-btn-disabled-border-color: var(--palette-pastel-blue);
    background: var(--canvas);
    color: var(--text-primary);
    border: 1px solid var(--line-strong);
    box-shadow: none;
    filter: none;
    transition: background-color 150ms ease, color 150ms ease;
}

[data-bs-theme="light"] .btn-outline-primary,
[data-bs-theme="light"] .btn-outline-secondary,
[data-bs-theme="light"] #loading-overlay .btn-outline-light {
    --bs-btn-color: var(--text-primary);
    --bs-btn-hover-color: var(--text-primary);
    --bs-btn-hover-bg: var(--palette-periwinkle);
    --bs-btn-hover-border-color: var(--palette-pastel-blue);
    --bs-btn-active-color: var(--text-primary);
    --bs-btn-active-bg: var(--palette-lavender);
    --bs-btn-active-border-color: var(--palette-pastel-blue);
    --bs-btn-disabled-color: var(--text-secondary);
    --bs-btn-disabled-border-color: var(--palette-pastel-blue);
    background: var(--canvas);
    color: var(--text-primary);
    border: 1px solid var(--palette-pastel-blue);
    transition: background-color 150ms ease, color 150ms ease;
}

[data-bs-theme="light"] .btn-secondary:hover,
[data-bs-theme="light"] .btn-outline-primary:hover,
[data-bs-theme="light"] .btn-outline-secondary:hover,
[data-bs-theme="light"] #loading-overlay .btn-outline-light:hover {
    background: var(--surface-alt);
    border-color: var(--text-secondary);
    color: var(--text-primary) !important;
    box-shadow: none;
    filter: none;
}

[data-bs-theme="light"] .btn-secondary:active,
[data-bs-theme="light"] .btn-outline-primary:active,
[data-bs-theme="light"] .btn-outline-secondary:active,
[data-bs-theme="light"] #loading-overlay .btn-outline-light:active {
    background: var(--surface-alt);
    color: var(--text-primary) !important;
    box-shadow: none;
}

[data-bs-theme="light"] .btn:not(.btn-primary, .btn-dark, .btn-cta):focus-visible,
[data-bs-theme="light"] #controls button:not(.btn-primary, .btn-dark, .btn-cta):focus-visible {
    outline: 3px solid var(--focus-color);
    outline-offset: 4px;
}

[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .table-search-input {
    background-color: var(--input-bg);
    border-color: var(--line-strong);
    color: var(--text-primary);
}

[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus,
[data-bs-theme="light"] .table-search-input:focus,
[data-bs-theme="light"] #controls input:focus-visible {
    border-color: var(--focus-color);
    outline: 3px solid var(--focus-color);
    outline-offset: 2px;
    box-shadow: none;
}

[data-bs-theme="light"] .table,
[data-bs-theme="light"] .table-light {
    --bs-table-bg: #ffffff;
    --bs-table-color: var(--text-primary);
    --bs-table-border-color: var(--border-color);
}

[data-bs-theme="light"] table.table th,
[data-bs-theme="light"] .summary-table th {
    background: var(--palette-periwinkle) !important;
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-bs-theme="light"] table.table td {
    background-color: #ffffff !important;
}

[data-bs-theme="light"] .summary-table {
    background: var(--palette-ice-blue);
    border-color: var(--border-color);
}

[data-bs-theme="light"] .summary-table td {
    color: var(--text-primary);
}

[data-bs-theme="light"] .alert-primary,
[data-bs-theme="light"] .alert-info {
    background: var(--palette-lavender);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-bs-theme="light"] .equity-bar-container,
[data-bs-theme="light"] .cat-visual-track {
    background: var(--palette-periwinkle);
}

[data-bs-theme="light"] .equity-tooltip-wrapper .tooltip {
    background: var(--palette-lavender);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    box-shadow: none;
}

[data-bs-theme="light"] .equity-tooltip-wrapper .tooltip::after {
    border-top-color: var(--palette-lavender);
}

[data-bs-theme="light"] footer {
    background: var(--canvas);
}

[data-bs-theme="light"] .footer-note {
    background: #FFF9DB !important;
    border-color: var(--border-color) !important;
}

[data-bs-theme="light"] .footer-note .text-warning {
    color: var(--text-primary) !important;
}

[data-bs-theme="light"] #space-container {
    background: #ffffff;
}

[data-bs-theme="light"] #controls button {
    color: #ffffff;
    border: 1px solid var(--primary);
    transition: background-color 150ms ease, color 150ms ease;
}

[data-bs-theme="light"] #node-tooltip {
    box-shadow: none;
}

[data-bs-theme="light"] #loading-overlay {
    background: var(--palette-ice-blue);
}

[data-bs-theme="light"] #loading-overlay .loading-card {
    background: var(--palette-blush);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-bs-theme="light"] #loading-overlay .loading-bar {
    background: var(--palette-periwinkle);
}

[data-bs-theme="light"] #loading-overlay .loading-bar::before {
    background: var(--primary);
}