/* Bootstrap 5 Theme Overrides
   This file should be loaded AFTER Bootstrap CSS but BEFORE custom styles */

/* Override Bootstrap's CSS variables */
:root {
    /* Bootstrap color overrides */
    --bs-primary: #6ad47c;
    --bs-primary-rgb: 106, 212, 124;
    --bs-secondary: #2d7a3d;
    --bs-secondary-rgb: 45, 122, 61;
    --bs-dark: #0f0f0f;
    --bs-dark-rgb: 15, 15, 15;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    
    /* Bootstrap theme colors */
    --bs-success: #6ad47c;
    --bs-info: #0d2349;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    
    /* Bootstrap body overrides */
    --bs-body-bg: #0f0f0f;
    --bs-body-color: #ffffff;
    --bs-body-color-rgb: 255, 255, 255;
    
    /* Custom variables for our use */
    --primary-color: #6ad47c;
    --secondary-color: #2d7a3d;
    --dark-bg: #0f0f0f;
    --dark-secondary: #1a1a1a;
    --accent-blue: #0d2349;
    --text-light: #ffffff;
    --text-gray: #b0b0b0;
}

/* Bootstrap button overrides */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--dark-bg);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--text-light);
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--dark-bg);
}

/* Bootstrap navbar overrides */
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.85);
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-active-color: var(--bs-primary);
}

/* Bootstrap text utilities */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-muted {
    color: var(--text-gray) !important;
}

/* Bootstrap form overrides */
.form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--bs-body-color);
}

.form-control:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
    box-shadow: 0 0 0 0.25rem rgba(106, 212, 124, 0.25);
}

.form-control::placeholder {
    color: var(--text-gray);
}

/* Bootstrap card overrides */
.card {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}