/* Component-specific styles migrated from darktheme.css */

[data-bs-theme="dark"] .series-system-example {
    background-color: var(--surface-1);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .example-header {
    background-color: var(--surface-2);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .image-card {
    border-color: var(--border-color);
    background-color: var(--surface-1);
}

[data-bs-theme="dark"] .image-card-label {
    background-color: var(--surface-2);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .series-info-card,
[data-bs-theme="dark"] .leagues-card,
[data-bs-theme="dark"] .points-example-card,
[data-bs-theme="dark"] .payout-example-card,
[data-bs-theme="dark"] .comparison-card {
    background-color: var(--surface-2);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .detail-label {
    color: var(--primary);
}

[data-bs-theme="dark"] table.table {
    --bs-table-bg: var(--surface-1) !important;
    --bs-table-color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-bs-theme="dark"] table.table thead {
    --bs-table-bg: var(--surface-2) !important;
}

[data-bs-theme="dark"] .table-light {
    --bs-table-bg: var(--surface-2) !important;
    --bs-table-color: var(--text-primary) !important;
}