/* © 2026 iPrime | CssThemeColorsNavBar.css */

:root {

    /* === NAVBAR === */
    --prime-navbar-background: oklch(22% 0 0);
    --prime-navbar-shadow: 0 18px 38px oklch(0% 0 0 / 48%);


    /* === NAVBAR-INNER === */
    --prime-navbar-inner-background: oklch(15% 0 0);
    --prime-navbar-inner-shadow: inset 0 0 5px 0.15px oklch(0% 0 0 / 30%);


    /* === NAVBAR-LOGO === */
    --prime-navbar-logo-outline-focus: oklch(77% 0.17 55);


    /* === NAVBAR-GLOW === */
    --prime-navbar-glow-background: oklch(82% 0.13 216.51 / 94%);


    /* === NAVBAR-LINK === */
    --prime-navbar-link-text: oklch(100% 0 0 / 72%);
    --prime-navbar-link-text-hover: oklch(100% 0 0 / 95%);
    --prime-navbar-link-text-active: oklch(77% 0.17 55);
    --prime-navbar-link-outline-focus: oklch(77% 0.17 55 / 40%);


    /* === NAVBAR-MENUTOGGLE === */
    --prime-navbar-menutoggle-outline-focus: oklch(77% 0.17 55);


    /* === NAVBAR-HAMBURGERLINE === */
    --prime-navbar-hamburgerline-background: oklch(100% 0 0 / 95%);
    --prime-navbar-hamburgerline-background-open: oklch(77% 0.17 55);


    /* === NAVBAR-HIGHLIGHTTRACK === */
    --prime-navbar-highlighttrack-background: oklch(17% 0.025 50);
    --prime-navbar-highlighttrack-shadow: inset 0 0 5px 2.5px oklch(77% 0.17 55 / 30%);


    /* === NAVBAR-DIVIDER === */
    --prime-navbar-divider-background: oklch(77% 0.17 55 / 40%);


    /* === NAVBAR-LOGINBUTTON === */
    --prime-navbar-loginbutton-text: oklch(100% 0 0);
    --prime-navbar-loginbutton-background: linear-gradient(135deg, oklch(79% 0.15 220) 0%, oklch(45% 0.31 300) 100%);
    --prime-navbar-loginbutton-background-hover: linear-gradient(135deg, oklch(85% 0.18 220) 0%, oklch(55% 0.35 300) 100%);
    --prime-navbar-loginbutton-outline-focus: oklch(77% 0.17 55);


    /* === NAVBAR-LIGHTNING === */
    --prime-navbar-lightning-color: oklch(100% 0 0 / 90%);


    /* === NAVBAR-SPARKLE === */
    --prime-navbar-sparkle-color-cyan: oklch(79% 0.15 220);
    --prime-navbar-sparkle-color-purple: oklch(55% 0.35 300);


    /* === NAVBAR-AVATAR === */
    --prime-navbar-avatar-glow-inner: inset 0 0 3px 1.5px oklch(100% 0 0 / 50%);
    --prime-navbar-avatar-glow-outer: 0 0 6px 1.5px oklch(100% 0 0 / 50%);
    --prime-navbar-avatar-outline-focus: oklch(77% 0.17 55);


    /* === NAVBAR-AVATARGLOW === */
    --prime-navbar-avatarglow-color-90: oklch(100% 0 0 / 90%);
    --prime-navbar-avatarglow-color-70: oklch(100% 0 0 / 70%);
    --prime-navbar-avatarglow-color-60: oklch(100% 0 0 / 60%);


    /* === NAVBAR-AVATARSHINE === */
    --prime-navbar-avatarshine-color-30: oklch(100% 0 0 / 30%);
    --prime-navbar-avatarshine-color-60: oklch(100% 0 0 / 60%);
    --prime-navbar-avatarshine-color-40: oklch(100% 0 0 / 40%);


    /* === NAVBAR-USERNAME === */
    --prime-navbar-username-text: oklch(100% 0 0 / 95%);


    /* === NAVBAR-MOBILEMENU === */
    --prime-navbar-mobilemenu-background: oklch(22% 0 0);
    --prime-navbar-mobilemenu-shadow: inset 0 0 5px 0.15px oklch(0% 0 0 / 30%), 0 12px 40px oklch(0% 0 0 / 80%);


    /* === NAVBAR-MOBILEINNER === */
    --prime-navbar-mobileinner-background: oklch(15% 0 0);
    --prime-navbar-mobileinner-shadow: inset 0 0 5px 0.15px oklch(0% 0 0 / 30%);


    /* === NAVBAR-MOBILELINK === */
    --prime-navbar-mobilelink-text: oklch(100% 0 0 / 72%);
    --prime-navbar-mobilelink-text-hover: oklch(100% 0 0 / 95%);
    --prime-navbar-mobilelink-text-active: oklch(77% 0.17 55);
    --prime-navbar-mobilelink-background-hover: oklch(17% 0.025 50);
    --prime-navbar-mobilelink-shadow-hover: inset 0 0 5px 2.5px oklch(77% 0.17 55 / 30%);
    --prime-navbar-mobilelink-outline-focus: oklch(77% 0.17 55 / 40%);


    /* === NAVBAR-MOBILEDIVIDER === */
    --prime-navbar-mobiledivider-background: oklch(100% 0 0 / 6%);


    /* === NAVBAR-MOBILEAVATAR === */
    --prime-navbar-mobileavatar-glow-inner: inset 0 0 3px 1.5px oklch(100% 0 0 / 50%);
    --prime-navbar-mobileavatar-glow-outer: 0 0 6px 1.5px oklch(100% 0 0 / 50%);


    /* === NAVBAR-MOBILEUSERNAME === */
    --prime-navbar-mobileusername-text: oklch(100% 0 0 / 95%);
    --prime-navbar-mobileusername-text-secondary: oklch(100% 0 0 / 58%);


    /* === NAVBAR-DROPDOWN === */
    --prime-navbar-dropdown-background: oklch(22% 0 0);
    --prime-navbar-dropdown-shadow: inset 0 0 5px 0.15px oklch(0% 0 0 / 30%), 0 12px 40px oklch(0% 0 0 / 80%);


    /* === NAVBAR-DROPDOWNITEM === */
    --prime-navbar-dropdownitem-text: oklch(100% 0 0 / 72%);
    --prime-navbar-dropdownitem-text-hover: oklch(100% 0 0 / 95%);
    --prime-navbar-dropdownitem-text-active: oklch(77% 0.17 55);
    --prime-navbar-dropdownitem-background-hover: oklch(17% 0.025 50);
    --prime-navbar-dropdownitem-outline-focus: oklch(77% 0.17 55 / 60%);
    --prime-navbar-dropdownitem-indicator: oklch(77% 0.17 55);


    /* === NAVBAR-DROPDOWNITEM-DANGER === */
    --prime-navbar-dropdownitem-danger-text: oklch(57% 0.26 25);
    --prime-navbar-dropdownitem-danger-background: oklch(57% 0.26 25);
    --prime-navbar-dropdownitem-danger-background-badge: oklch(57% 0.26 25 / 15%);


    /* === NAVBAR-GLOWBAR === */
    --prime-navbar-glowbar-color-orange-20: oklch(77% 0.17 55 / 20%);
    --prime-navbar-glowbar-color-orange-40: oklch(77% 0.17 55 / 40%);

}