/* =========================================================
   Dark Mode Overrides
   Bootstrap 5.3 data-bs-theme="dark"
   ========================================================= */

/* AAAS Capture style.css variable overrides */
[data-bs-theme="dark"] {
    --bg: #1a1d21;
    --surface: #212529;
    --text: #dee2e6;
    --muted: #9ca3af;
    --border: #374151;
    --accent: #60a5fa;
    --accent-soft: #1e3a5f;
    --shadow: 0 8px 24px rgba(0,0,0,.3);
}

/* Pricing CSS variable overrides */
[data-bs-theme="dark"] {
    --primary-color: #4da8cc;
    --accent-color: #c9485b;
    --success-color: #9dd05a;
    --light-bg: #1a1d21;
    --border-color: #4a5568;
    --neutral-color: #4a5568;
}

/* =========================================================
   AAAS Capture: hardcoded backgrounds
   ========================================================= */

[data-bs-theme="dark"] .modelInfo,
[data-bs-theme="dark"] .tgBlock,
[data-bs-theme="dark"] .tgMeasure,
[data-bs-theme="dark"] .tgMatrix,
[data-bs-theme="dark"] .switchRow,
[data-bs-theme="dark"] .infoBox {
    background: var(--surface);
}

[data-bs-theme="dark"] .badge {
    background: var(--surface);
}

[data-bs-theme="dark"] .checkItem {
    background: var(--surface);
}

[data-bs-theme="dark"] pre {
    background: #0d1117;
    border-color: var(--border);
    color: #c9d1d9;
}

[data-bs-theme="dark"] .btn {
    background: var(--surface);
    color: var(--text);
}

[data-bs-theme="dark"] .btn--primary {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
}

[data-bs-theme="dark"] input[type="text"],
[data-bs-theme="dark"] input[type="number"],
[data-bs-theme="dark"] select {
    background: var(--surface);
    color: var(--text);
    border-color: var(--border);
}

/* =========================================================
   Pricing page
   ========================================================= */

[data-bs-theme="dark"] .pricing-description h3 {
    color: #4da8cc;
}

[data-bs-theme="dark"] .pricing-header {
    background: linear-gradient(135deg, #003d56 0%, #002a3d 100%);
}

[data-bs-theme="dark"] .pricing-card {
    background: var(--bs-body-bg, #212529);
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}

[data-bs-theme="dark"] .pricing-card-header {
    background: linear-gradient(90deg, #2d3748 0%, #1a202c 100%);
}

[data-bs-theme="dark"] .pricing-card-title {
    color: #e2e8f0;
}

[data-bs-theme="dark"] .info-box {
    background: linear-gradient(135deg, #1a2e3d 0%, #0f1f2b 100%);
    border-color: #4da8cc;
}

[data-bs-theme="dark"] .info-box-label {
    color: #9ca3af;
}

[data-bs-theme="dark"] .info-box-value {
    color: #4da8cc;
}

[data-bs-theme="dark"] .pricing-table thead th {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #a0aec0;
}

[data-bs-theme="dark"] .pricing-table .sum-row {
    background-color: #2d3748;
}

[data-bs-theme="dark"] .pricing-table .content-fee-row {
    background-color: #332b00;
}

[data-bs-theme="dark"] .total-section {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
}

[data-bs-theme="dark"] .alert-info-custom {
    background-color: #1a2e3d;
    border-color: #4da8cc;
    color: #dee2e6;
}

[data-bs-theme="dark"] .complexity-factor {
    background-color: #1a2e3d;
    color: #4da8cc;
}

[data-bs-theme="dark"] .pricing-description h4 {
    color: #dee2e6;
}

[data-bs-theme="dark"] .pricing-description p,
[data-bs-theme="dark"] .pricing-description li {
    color: #9ca3af;
}

[data-bs-theme="dark"] .pricing-table tbody tr:hover {
    background-color: #2d3748;
}

[data-bs-theme="dark"] .total-table tbody tr:last-child {
    background: linear-gradient(135deg, #1a2e3d 0%, #0f1f2b 100%);
}

[data-bs-theme="dark"] .multiyear-table tbody tr:first-child {
    background-color: #332b00;
}

[data-bs-theme="dark"] .discount-badge-success {
    background-color: #1a3300;
    color: #9dd05a;
}

[data-bs-theme="dark"] .savings-amount {
    color: #9dd05a;
}

[data-bs-theme="dark"] .text-muted-custom {
    color: #9ca3af;
}

[data-bs-theme="dark"] .pricing-table .sum-row td,
[data-bs-theme="dark"] .pricing-table thead th {
    border-color: #4a5568;
}

/* =========================================================
   Processes page
   ========================================================= */

[data-bs-theme="dark"] .lane,
[data-bs-theme="dark"] .map-col,
[data-bs-theme="dark"] .flow-card,
[data-bs-theme="dark"] .proc-card,
[data-bs-theme="dark"] .row {
    background: var(--surface, #212529);
    border-color: var(--border, #374151);
}

[data-bs-theme="dark"] .node {
    background: var(--surface, #212529);
    border-color: var(--border, #374151);
}

[data-bs-theme="dark"] .node.model-basic {
    background: #332b00;
    border-color: #a08c00;
}

[data-bs-theme="dark"] .node.model-medium {
    background: #332200;
    border-color: #b87308;
}

[data-bs-theme="dark"] .node.model-premium {
    background: #0a2e16;
    border-color: #2d8a4e;
}

[data-bs-theme="dark"] .tag {
    background: #374151;
    color: #dee2e6;
}

[data-bs-theme="dark"] .pill,
[data-bs-theme="dark"] .dem-badge {
    background: #374151;
    border-color: #4b5563;
    color: #dee2e6;
}

[data-bs-theme="dark"] .tabs a {
    background: var(--surface, #212529);
    color: #dee2e6;
    border-color: var(--border, #374151);
}

[data-bs-theme="dark"] .tabs a.active {
    background: #374151;
}

[data-bs-theme="dark"] header {
    background: rgba(26, 29, 33, 0.92);
    border-bottom-color: rgba(255,255,255,0.06);
}

/* =========================================================
   Footer
   ========================================================= */

[data-bs-theme="dark"] .footer {
    border-top-color: var(--border);
}

[data-bs-theme="dark"] footer.bg-light {
    background-color: var(--bs-body-bg, #212529) !important;
}