/* Bootstrap 5 Theme Customization - New Earth Arwes Style */

/* Bootstrap 5.3.8 Theme Colors - Arwes Style */
:root {
    /* Primary palette (Cyan) - RGB channels for opacity support */
    --bs-primary-0-rgb: 0, 255, 255;
    --bs-primary-1-rgb: 0, 230, 230;
    --bs-primary-2-rgb: 0, 204, 204;
    --bs-primary-3-rgb: 0, 179, 179;
    --bs-primary-4-rgb: 0, 153, 153;
    --bs-primary-5-rgb: 0, 128, 128;
    --bs-primary-6-rgb: 0, 102, 102;
    --bs-primary-7-rgb: 0, 77, 77;
    --bs-primary-8-rgb: 0, 51, 51;
    --bs-primary-9-rgb: 0, 26, 26;

    /* Primary colors with rgb() wrapper for direct use */
    --bs-primary-0: rgb(var(--bs-primary-0-rgb));
    --bs-primary-1: rgb(var(--bs-primary-1-rgb));
    --bs-primary-2: rgb(var(--bs-primary-2-rgb));
    --bs-primary-3: rgb(var(--bs-primary-3-rgb));
    --bs-primary-4: rgb(var(--bs-primary-4-rgb));
    --bs-primary-5: rgb(var(--bs-primary-5-rgb));
    --bs-primary-6: rgb(var(--bs-primary-6-rgb));
    --bs-primary-7: rgb(var(--bs-primary-7-rgb));
    --bs-primary-8: rgb(var(--bs-primary-8-rgb));
    --bs-primary-9: rgb(var(--bs-primary-9-rgb));

    /* Secondary palette (Blue) - RGB channels */
    --bs-secondary-0-rgb: 0, 213, 255;
    --bs-secondary-1-rgb: 51, 207, 246;
    --bs-secondary-2-rgb: 97, 200, 238;
    --bs-secondary-3-rgb: 138, 194, 230;
    --bs-secondary-4-rgb: 173, 188, 221;
    --bs-secondary-5-rgb: 204, 181, 213;
    --bs-secondary-6-rgb: 230, 175, 204;
    --bs-secondary-7-rgb: 251, 169, 196;
    --bs-secondary-8-rgb: 255, 163, 187;
    --bs-secondary-9-rgb: 255, 157, 179;

    /* Secondary colors with rgb() wrapper */
    --bs-secondary-0: rgb(var(--bs-secondary-0-rgb));
    --bs-secondary-1: rgb(var(--bs-secondary-1-rgb));
    --bs-secondary-2: rgb(var(--bs-secondary-2-rgb));
    --bs-secondary-3: rgb(var(--bs-secondary-3-rgb));
    --bs-secondary-4: rgb(var(--bs-secondary-4-rgb));
    --bs-secondary-5: rgb(var(--bs-secondary-5-rgb));
    --bs-secondary-6: rgb(var(--bs-secondary-6-rgb));
    --bs-secondary-7: rgb(var(--bs-secondary-7-rgb));
    --bs-secondary-8: rgb(var(--bs-secondary-8-rgb));
    --bs-secondary-9: rgb(var(--bs-secondary-9-rgb));

    /* Override Bootstrap's default primary color with cyan */
    --bs-primary: var(--bs-primary-0);
    --bs-primary-rgb: var(--bs-primary-0-rgb);

    /* Override Bootstrap's default secondary color with blue */
    --bs-secondary: var(--bs-secondary-0);
    --bs-secondary-rgb: var(--bs-secondary-0-rgb);
}

/* Dark theme customizations for Arwes compatibility */
[data-bs-theme="dark"] {
    --bs-body-bg: #0a0a0a;
    --bs-body-color: #e0e0e0;
    --bs-border-color: rgba(0, 255, 255, 0.2);
    --bs-link-color: var(--bs-primary-2);
    --bs-link-hover-color: var(--bs-primary-0);
}

/* Bootstrap navbar dark theme customizations */
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.85);
    --bs-navbar-hover-color: var(--bs-primary-0);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: var(--bs-primary-1);
    --bs-navbar-brand-color: var(--bs-primary-0);
    --bs-navbar-brand-hover-color: var(--bs-primary-0);
    --bs-navbar-toggler-border-color: rgba(0, 255, 255, 0.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(0, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Dropdown customizations */
.dropdown-menu {
    --bs-dropdown-bg: #1a1a1a;
    --bs-dropdown-border-color: rgba(0, 255, 255, 0.2);
    --bs-dropdown-link-color: rgba(255, 255, 255, 0.85);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: rgba(0, 255, 255, 0.1);
    --bs-dropdown-link-active-color: var(--bs-primary-0);
    --bs-dropdown-link-active-bg: rgba(0, 255, 255, 0.15);
}

/* Badge customizations for notifications */
.badge {
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #000;
    --bs-badge-padding-x: 0.5em;
    --bs-badge-padding-y: 0.25em;
    --bs-badge-border-radius: 0.375rem;
}

.badge-notification {
    background-color: var(--bs-primary-7);
    color: #fff;
}

/* Navbar button styling for notifications and PM */
.navbar .btn-link {
    text-decoration: none;
    padding: 0.25rem 0.5rem;
}

.navbar .btn-link:hover {
    color: var(--bs-primary-0) !important;
}

.nav-tabs {
    --bs-nav-tabs-link-active-bg: var(--bs-primary-6);
}