/* assets/styles/dark_theme.css */

/* Dark theme variables */
:root[data-bs-theme="dark"] {
    --bs-body-color: #dee2e6; /* Light gray text */
    --bs-body-bg: #212529; /* Dark background */
    --bs-link-color: #8ab4f8; /* Lighter blue for links */
    --bs-link-hover-color: #a6c8ff;

    --bs-primary: #6c757d; /* Adjust primary color for dark theme if needed */
    --bs-secondary: #495057;
    --bs-success: #28a745; /* Keep success green */
    --bs-info: #17a2b8; /* Keep info blue */
    --bs-warning: #ffc107; /* Keep warning yellow */
    --bs-danger: #dc3545; /* Keep danger red */
    --bs-light: #343a40; /* Darker light for cards, etc. */
    --bs-dark: #f8f9fa; /* Lighter dark */

    /* Card specific */
    --bs-card-bg: #2c3034;
    --bs-card-border-color: rgba(255, 255, 255, 0.125);

    /* Navbar specific */
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    /* Sidebar specific */
    --sidebar-bg: #2c3034;
}