/* Theme: default - Uses media queries for automatic light/dark switching */
/* Default Theme - Bootstrap compatible colors with proper media query support */

/* Light mode (default) */
:root {
    color-scheme: light dark;

    --bs-primary: #0056b3;
    --bs-primary-rgb: 0, 86, 179;
    --bs-secondary: #495057;
    --bs-secondary-rgb: 73, 80, 87;
    --bs-success: #155724;
    --bs-success-rgb: 21, 87, 36;
    --bs-info: #0c5460;
    --bs-info-rgb: 12, 84, 96;
    --bs-warning: #856404;
    --bs-warning-rgb: 133, 100, 4;
    --bs-danger: #721c24;
    --bs-danger-rgb: 114, 28, 36;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark: #1a1e21;
    --bs-dark-rgb: 26, 30, 33;

    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color: #1a1e21;
    --bs-body-color-rgb: 26, 30, 33;

    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(26, 30, 33, 0.8);
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(26, 30, 33, 0.65);
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;

    /* Border colors */
    --bs-border-color: #c6c8ca;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.25);

    --bs-link-color: #0056b3;
    --bs-link-color-rgb: 0, 86, 179;
    --bs-link-hover-color: #004085;
    --bs-link-hover-color-rgb: 0, 64, 133;

    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.4);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2826, 30, 33, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: var(--bs-link-hover-color);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-link-hover-color);
    --bs-btn-active-border-color: var(--bs-link-hover-color);

    /* Button variables for secondary */
    --bs-btn-secondary-color: #fff;
    --bs-btn-secondary-bg: var(--bs-secondary);
    --bs-btn-secondary-border-color: var(--bs-secondary);
    --bs-btn-secondary-hover-color: #fff;
    --bs-btn-secondary-hover-bg: #565e64;
    --bs-btn-secondary-hover-border-color: #51585e;
    --bs-btn-secondary-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-secondary-active-color: #fff;
    --bs-btn-secondary-active-bg: #51585e;
    --bs-btn-secondary-active-border-color: #4c5258;
    }
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: var(--bs-link-hover-color);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-link-hover-color);
    --bs-btn-active-border-color: var(--bs-link-hover-color);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #343a40;
    --bs-btn-hover-border-color: #2c3237;
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c3237;
    --bs-btn-active-border-color: #252a2e;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

/* Light mode navbar toggler icon styles */
.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --bs-body-bg: #1a1e21;
        --bs-body-bg-rgb: 26, 30, 33;
        --bs-body-color: #f8f9fa;
        --bs-body-color-rgb: 248, 249, 250;

        --bs-emphasis-color: #fff;
        --bs-emphasis-color-rgb: 255, 255, 255;
        --bs-secondary-color: rgba(248, 249, 250, 0.8);
        --bs-secondary-bg: #343a40;
        --bs-secondary-bg-rgb: 52, 58, 64;
        --bs-tertiary-color: rgba(248, 249, 250, 0.65);
        --bs-tertiary-bg: #2b3035;
        --bs-tertiary-bg-rgb: 43, 48, 53;

        /* Dark mode text emphasis colors */
        --bs-primary-text-emphasis: #6ea8fe;
        --bs-secondary-text-emphasis: #a7acb1;
        --bs-success-text-emphasis: #75b798;
        --bs-info-text-emphasis: #6edff6;
        --bs-warning-text-emphasis: #ffda6a;
        --bs-danger-text-emphasis: #ea868f;
        --bs-light-text-emphasis: #f8f9fa;
        --bs-dark-text-emphasis: #dee2e6;

        /* Background subtle colors */
        --bs-primary-bg-subtle: #031633;
        --bs-secondary-bg-subtle: #161719;
        --bs-success-bg-subtle: #051b11;
        --bs-info-bg-subtle: #032830;
        --bs-warning-bg-subtle: #332701;
        --bs-danger-bg-subtle: #2c0b0e;
        --bs-light-bg-subtle: #343a40;
        --bs-dark-bg-subtle: #1a1d20;

        /* Border subtle colors */
        --bs-primary-border-subtle: #084298;
        --bs-secondary-border-subtle: #41464b;
        --bs-success-border-subtle: #0f5132;
        --bs-info-border-subtle: #087990;
        --bs-warning-border-subtle: #997404;
        --bs-danger-border-subtle: #842029;
        --bs-light-border-subtle: #495057;
        --bs-dark-border-subtle: #343a40;

        /* Border colors for dark mode */
        --bs-border-color: #495057;
        --bs-border-color-translucent: rgba(255, 255, 255, 0.25);

        --bs-link-color: #7db3ff;
        --bs-link-color-rgb: 125, 179, 255;
        --bs-link-hover-color: #a6c8ff;
        --bs-link-hover-color-rgb: 166, 200, 255;

        --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
        --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.4);
        --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-toggler-icon-bg: 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, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

        --bs-btn-color: #1a1e21;
        --bs-btn-bg: var(--bs-link-color);
        --bs-btn-border-color: var(--bs-link-color);
        --bs-btn-hover-color: #1a1e21;
        --bs-btn-hover-bg: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: var(--bs-link-hover-color);
        --bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb);
        --bs-btn-active-color: #1a1e21;
        --bs-btn-active-bg: var(--bs-link-hover-color);
        --bs-btn-active-border-color: var(--bs-link-hover-color);

        /* Button variables for secondary (dark mode) */
        --bs-btn-secondary-color: #fff;
        --bs-btn-secondary-bg: var(--bs-secondary);
        --bs-btn-secondary-border-color: var(--bs-secondary);
        --bs-btn-secondary-hover-color: #fff;
        --bs-btn-secondary-hover-bg: #565e64;
        --bs-btn-secondary-hover-border-color: #51585e;
        --bs-btn-secondary-focus-shadow-rgb: var(--bs-secondary-rgb);
        --bs-btn-secondary-active-color: #fff;
        --bs-btn-secondary-active-bg: #51585e;
        --bs-btn-secondary-active-border-color: #4c5258;
    }

    .btn-primary {
        --bs-btn-color: #1a1e21;
        --bs-btn-bg: var(--bs-link-color);
        --bs-btn-border-color: var(--bs-link-color);
        --bs-btn-hover-color: #1a1e21;
        --bs-btn-hover-bg: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: var(--bs-link-hover-color);
        --bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb);
        --bs-btn-active-color: #1a1e21;
        --bs-btn-active-bg: var(--bs-link-hover-color);
        --bs-btn-active-border-color: var(--bs-link-hover-color);
    }

    .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--bs-secondary);
        --bs-btn-border-color: var(--bs-secondary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #343a40;
        --bs-btn-hover-border-color: #2c3237;
        --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #2c3237;
        --bs-btn-active-border-color: #252a2e;
    }

    .btn-outline-secondary {
        --bs-btn-color: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #212529;
        --bs-btn-hover-bg: #f8f9fa;
        --bs-btn-hover-border-color: #f8f9fa;
        --bs-btn-focus-shadow-rgb: 248, 249, 250;
        --bs-btn-active-color: #212529;
        --bs-btn-active-bg: #f8f9fa;
        --bs-btn-active-border-color: #f8f9fa;
        --bs-btn-disabled-color: #f8f9fa;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f8f9fa;
    }

    /* Dark mode navbar toggler icon */
    .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: 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.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}