/* © 2026 iPrime | CssThemeColorsDropDown.css */

:root {

    /* === DROPDOWN-TRIGGER === */
    --prime-dropdown-trigger-background: oklch(15% 0 0);
    --prime-dropdown-trigger-border: oklch(100% 0 0 / 10%);
    --prime-dropdown-trigger-text: oklch(100% 0 0 / 95%);
    --prime-dropdown-trigger-background-hover: oklch(17% 0.025 50);
    --prime-dropdown-trigger-border-hover: oklch(77% 0.17 55 / 40%);
    --prime-dropdown-trigger-outline-focus: oklch(77% 0.17 55 / 60%);


    /* === DROPDOWN-TEXT === */
    --prime-dropdown-text-placeholder: oklch(100% 0 0 / 58%);


    /* === DROPDOWN-ARROW === */
    --prime-dropdown-arrow-color: oklch(100% 0 0 / 72%);


    /* === DROPDOWN-PANEL === */
    --prime-dropdown-panel-background: oklch(22% 0 0);
    --prime-dropdown-panel-border: oklch(100% 0 0 / 6%);
    --prime-dropdown-panel-shadow: inset 0 0 5px 0.15px oklch(0% 0 0 / 30%), 0 12px 40px oklch(0% 0 0 / 80%);


    /* === DROPDOWN-OPTION === */
    --prime-dropdown-option-text: oklch(100% 0 0 / 72%);
    --prime-dropdown-option-text-hover: oklch(100% 0 0 / 95%);
    --prime-dropdown-option-background-hover: oklch(17% 0.025 50);
    --prime-dropdown-option-outline-focus: oklch(77% 0.17 55 / 60%);
    --prime-dropdown-option-selected-background: oklch(15% 0 0);
    --prime-dropdown-option-selected-text: oklch(77% 0.17 55);


    /* === DROPDOWN-DIVIDER === */
    --prime-dropdown-divider-background: oklch(100% 0 0 / 6%);


    /* === DROPDOWN-HEADER === */
    --prime-dropdown-header-text: oklch(100% 0 0 / 80%);
    --prime-dropdown-header-text-shadow: oklch(0% 0 0 / 50%);

}