/**
 * Bootstrap Color Overrides to Match Astra Theme
 * This file overrides Bootstrap's default colors with Astra theme colors
 */

:root {
    /* Map Astra colors to Bootstrap variables */
    --bs-primary: var(--ast-global-color-1, #004b8e);
    --bs-primary-rgb: 0, 79, 255;
    --bs-secondary: var(--ast-global-color-1, #004b8e);
    --bs-secondary-rgb: 0, 75, 142;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: var(--ast-global-color-7, #f2f2f2);
    --bs-light-rgb: 242, 242, 242;
    --bs-dark: var(--ast-global-color-2, #000000);
    --bs-dark-rgb: 0, 0, 0;
    --bs-white: var(--ast-global-color-4, #FFFFFF);
    --bs-black: var(--ast-global-color-2, #000000);
    
    /* Text colors */
    --bs-body-color: var(--ast-global-color-3, #334155);
    --bs-body-bg: var(--ast-global-color-4, #FFFFFF);
    
    /* Border colors */
    --bs-border-color: rgba(0, 0, 0, 0.175);
    
    /* Link colors */
    --bs-link-color: var(--ast-global-color-0, #004fff);
    --bs-link-hover-color: var(--ast-global-color-1, #004b8e);
    
    /* Button colors */
    --bs-btn-border-radius: 4px !important;
    --bs-btn-color: var(--ast-global-color-4, #FFFFFF);
    --bs-btn-bg: var(--ast-global-color-1, #004b8e);
    --bs-btn-border-color: var(--ast-global-color-1, #004b8e);
    --bs-btn-hover-color: var(--ast-global-color-2, #FFFFFF);
    --bs-btn-hover-bg: var(--ast-global-color-2, #000000);
    --bs-btn-hover-border-color: var(--ast-global-color-2, #000000);
    --bs-btn-active-color: var(--ast-global-color-4, #FFFFFF);
    --bs-btn-active-bg: var(--ast-global-color-2, #000000);
    --bs-btn-active-border-color: var(--ast-global-color-2, #000000);
    
    /* Modal colors */
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-footer-border-color: var(--bs-border-color);
    
    /* Table colors */
    --bs-table-bg: var(--ast-global-color-4, #FFFFFF);
    --bs-table-striped-bg: #f6f6f6;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    --bs-table-border-color: var(--bs-border-color);
}

/* Ensure Bootstrap components use the custom colors */
.btn{
    border-radius:4px !important;
}
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #000 !important;
    border-color: #000 !important;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

/* Modal styling */
.modal-header {
    border-bottom-color: var(--bs-modal-header-border-color);
}

.modal-footer {
    border-top-color: var(--bs-modal-footer-border-color);
}

/* Table styling */
.table {
    --bs-table-color: var(--bs-body-color);
}

.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th {
    background-color: var(--bs-table-striped-bg);
}