/* ==============================================================
   CRISIS BOOTSTRAP THEME
   Bootstrap 5.3 bridge: map Bootstrap variables to Crisis tokens.
   ============================================================== */

:root {
    color-scheme: light;

    --bs-body-font-family: var(--crisis-font-sans);
    --bs-body-font-size: var(--crisis-text-base);
    --bs-body-bg: var(--crisis-bg);
    --bs-body-color: var(--crisis-text);
    --bs-secondary-color: var(--crisis-text-secondary);
    --bs-tertiary-color: var(--crisis-text-muted);
    --bs-border-color: var(--crisis-border);
    --bs-border-color-translucent: var(--crisis-border-light);

    --bs-primary: var(--crisis-accent);
    --bs-primary-rgb: 37, 99, 235;
    --bs-success: var(--crisis-success);
    --bs-warning: var(--crisis-warning);
    --bs-danger: var(--crisis-danger);
    --bs-info: var(--crisis-info);

    --bs-border-radius-sm: var(--crisis-radius-sm);
    --bs-border-radius: var(--crisis-radius);
    --bs-border-radius-lg: var(--crisis-radius-lg);
    --bs-border-radius-xl: var(--crisis-radius-xl);
}

[data-theme="dark"] {
    color-scheme: dark;

    --bs-body-bg: var(--crisis-bg);
    --bs-body-color: var(--crisis-text);
    --bs-secondary-color: var(--crisis-text-secondary);
    --bs-tertiary-color: var(--crisis-text-muted);
    --bs-border-color: var(--crisis-border);
    --bs-border-color-translucent: var(--crisis-border-light);

    --bs-primary: var(--crisis-accent);
    --bs-primary-rgb: 96, 165, 250;
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item {
    background-color: var(--crisis-surface);
    color: var(--crisis-text);
    border-color: var(--crisis-border);
}

.card {
    box-shadow: var(--crisis-shadow-sm);
}

.table {
    --bs-table-color: var(--crisis-text);
    --bs-table-bg: var(--crisis-surface);
    --bs-table-border-color: var(--crisis-border-light);
    --bs-table-striped-bg: var(--crisis-surface-alt);
    --bs-table-hover-bg: var(--crisis-surface-hover);
}

.form-control,
.form-select {
    background-color: var(--crisis-surface);
    color: var(--crisis-text);
    border-color: var(--crisis-border);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--crisis-accent);
    box-shadow: 0 0 0 3px var(--crisis-accent-subtle);
}