:root {
  --rosewater: #f5e0dc;
  --flamingo: #f2cdcd;
  --pink: #f5c2e7;
  --mauve: #cba6f7;
  --red: #f38ba8;
  --maroon: #eba0ac;
  --peach: #fab387;
  --yellow: #f9e2af;
  --green: #a6e3a1;
  --teal: #94e2d5;
  --sky: #89dceb;
  --sapphire: #74c7ec;
  --blue: #89b4fa;
  --lavender: #b4befe;
  --text: #cdd6f4;
  --subtext1: #bac2de;
  --subtext0: #a6adc8;
  --overlay2: #9399b2;
  --overlay1: #7f849c;
  --overlay0: #6c7086;
  --surface2: #585b70;
  --surface1: #45475a;
  --surface0: #313244;
  --base: #1e1e2e;
  --mantle: #181825;
  --crust: #11111b;

  --graphite: var(--base);
  --graphite-25: var(--overlay2); /* Changed from --rosewater to --overlay2 */
  --graphite-50: var(--flamingo);
  --graphite-70: var(--pink);
  --graphite-100: var(--mauve);
  --graphite-200: var(--red);
  --graphite-300: var(--maroon);
  --graphite-400: var(--peach);
  --graphite-500: var(--yellow);
  --graphite-600: var(--green);
  --graphite-700: var(--teal);
  --graphite-800: var(--sky);
  --graphite-850: var(--sapphire);
  --graphite-900: var(--blue);
  --graphite-950: var(--lavender);
  --graphite-1000: var(--text);
  --chrome-25: var(--rosewater);
  --chrome-50: var(--flamingo);
  --chrome-70: var(--pink);
  --chrome-100: var(--mauve);
  --chrome-200: var(--red);
  --chrome-300: var(--maroon);
  --chrome-400: var(--peach);
  --chrome-500: var(--yellow);
  --chrome-600: var(--green);
  --chrome-700: var(--teal);
  --chrome-800: var(--sky);
  --chrome-850: var(--sapphire);
  --chrome-900: var(--blue);
  --chrome-950: var(--lavender);
  --chrome-1000: var(--text);
  --purple-300: var(--lavender);
  --purple-400: var(--blue);
  --purple-500: var(--sapphire);
  --purple-600: var(--sky);
  --purple-800: var(--teal);
  --purple-900: var(--green);
  --yellow: var(--yellow);
  --warning: var(--peach);
  --info: var(--sky);
  --danger: var(--red);
  --success: var(--green);
  --calm: var(--surface0);
  --blue: var(--blue);
  --color-scheme: dark;
  --app-bg: var(--base);
  --link: var(--purple-600);
  --app-frame-bg: var(--app-bg);
  --landing-bg: var(--app-bg);
  --app-bg-opac: rgba(30, 30, 46, 0);
  --bottom-bar-bg: var(--yellow);
  --white: var(--text);
  --app-text: var(--text);
  --kagi-highlight: var(--yellow);
  --beta-tag-bg: var(--yellow);
  --beta-tag-text: var(--base);
  --beta-tag-inside-corners: var(--maroon);
  --kagi-light-cream: var(--rosewater);
  --kagi-accent: var(--surface1);
  --kagi-sky: var(--sky);
  --kagi-sky-b: var(--sapphire);
  --kagi-sky-i: var(--sky);
  --kagi-orange: var(--maroon);
  --resultsummary-highlight: var(--surface2);
  --resultsummary-highlight_text: var(--text);
  --kagi-graphite: var(--text);
  --kagi-graphite-s: var(--overlay2);
  --kagi-graphite-text: var(--base);
  --kagi-graphite-ia: var(--text);
  --kagi-graphite-ia-color: var(--base);
  --inner-shadow: rgba(0, 0, 0, .05);
  --settings-app-inner-bg: var(--app-bg);
  --box-shadow: rgba(0, 0, 0, .09);
  --box-shadow-15: rgba(0, 0, 0, .15);
  --primary: var(--text);
  --primary-25: var(--overlay2); /* Changed from --rosewater to --overlay2 */
  --primary-50: var(--flamingo);
  --primary-70: var(--pink);
  --primary-100: var(--mauve);
  --primary-200: var(--red);
  --primary-300: var(--maroon);
  --primary-400: var(--peach);
  --primary-500: var(--yellow);
  --primary-600: var(--green);
  --primary-700: var(--teal);
  --primary-800: var(--sky);
  --primary-850: var(--sapphire);
  --primary-900: var(--blue);
  --primary-950: var(--lavender);
  --primary-1000: var(--text);
  --primary-g: var(--text);
  --primary-g-2: var(--red);
  --primary-g-6: var(--green);
  --primary-g-8: var(--sky);
  --primary-300-solid: var(--maroon);
  --secondary: var(--base);
  --color-search-input-border: var(--mauve);
  --color-search-input: var(--base);
  --header-bg: var(--app-bg);
  --header-bg-opac: var(--app-bg-opac);
  --color-search-input-opac: var(--app-bg-opac);
  --color-danger: var(--red);
  --primary-hover: var(--purple-600);
  --primary-hover-hover: var(--purple-500);
  --primary-visited: var(--teal);
  --input-bg: var(--app-bg);
  --doggo-color-1: var(--text);
  --doggo-bg-color: var(--app-bg);
  --doggo-stroke-color: var(--maroon);
  --landing-page-clouds-opacity: 1;
  --quick-search-bg: var(--text);
  --quick-search-icon: var(--base);
  --app-logo: var(--text);
  --app-logo-bg: var(--yellow);
  --filters-clear-btn-icon: var(--maroon);
  --filter-dd-bg: var(--surface2);
  --k-tooltip-bg: rgba(30, 30, 46, .9);
  --k-tooltip-text: var(--text);
  --dd-hover-bg: var(--mauve);
  --dd-hover-color: var(--text);
  --dd-list-input-bg: var(--input-bg);
  --not-found-bubble-bg: var(--surface1);
  --app-sidebar-item-border: rgba(255, 255, 255, .2);
  --app-sidebar-link: rgba(255, 255, 255, .6);
  --app-sidebar-nav-item-bg_hover: var(--yellow);
  --app-sidebar-nav-item-icon_hover: var(--base);
  --ranked-box-shadow: rgba(0, 0, 0, .25);
  --ranked-box-connection-secure: var(--green);
  --ranked-box-connection-insecure: var(--red);
  --ranked-box-tracker-desc-danger: var(--red);
  --ranked-box-tracker-desc-clear: var(--green);
  --site_info_bg: var(--app-bg);
  --site_info_bottom_bg: var(--kagi-accent);
  --result-item-title-border: var(--peach);
  --result-item-title-border_hover: var(--primary-hover);
  --result-item-title-visited-border: var(--pink);
  --result-rank-icon-stroke_promoted: var(--text);
  --result-item-highlight: var(--sky);
  --search-result-content-text: var(--text); /* Changed from --teal */
  --search-result-url-link: var(--green);
  --search-result-title: var(--text);
  --search-result-title-hover: var(--primary-hover);
  --search-result-date-bg: var(--surface0);
  --search-result-date-new-bg: var(--base);
  --search-result-date-new: var(--sky);
  --domain-rank-icon-color-ban: var(--red);
  --domain-rank-icon-color-lower: var(--red);
  --domain-rank-icon-color-normal: var(--red);
  --domain-rank-icon-color-higher: var(--red);
  --domain-rank-icon-color-boosted: var(--red);
  --domain-rank-icon-color-trackers: var(--peach);
  --domain-rank-icon-color-trackers-hover: var(--maroon);
  --domain-rank-icon-color-scam: var(--peach);
  --domain-rank-icon-color-scam-hover: var(--maroon);
  --inline-header-title: var(--text); /* Changed from --teal */
  --inline-widget-bg: var(--surface0);
  --inline-widget-hover-bg: var(--surface1);
  --inline-header-border: var(--red);
  --inline-domain-tag-bg: var(--pink);
  --related-item-bg: var(--surface0);
  --related-item-hover-bg: var(--surface1);
  --video-item-bg: var(--surface0);
  --auto-sugg-bg_hover: var(--surface0);
  --provider-breakdown_server: var(--sky);
  --provider-breakdown_client: var(--peach);
  --provider-breakdown_speed1: var(--yellow);
  --provider-breakdown_speed2: var(--red);
  --provider-breakdown_speed3: var(--red);
  --widget-progress_bar: var(--text);
  --translate-fc_icon: var(--text);
  --rating-star_background: var(--surface1);
  --wiki-content-links: var(--text);
  --m_sri_gap_color: var(--surface1);
  --btn-primary-bg: var(--text);
  --btn-primary-text: var(--base);
  --btn-primary-color: var(--base);
  --btn-group-bg: var(--base);
  --image_brightness: 100%;
  --nav_n_se_line: var(--yellow);
  --nav_n_im_line: var(--blue);
  --nav_n_vi_line: var(--red);
  --nav_n_ne_line: var(--mauve);
  --nav_n_ma_line: var(--green);
  --onboarding_theme_options_dark_visibility: flex;
  --onboarding_theme_options_light_visibility: none;
  --onb_theme_light_preview_box: none;
  --onb_theme_calm_blue_preview_box: none;
  --onb_theme_royal_blue_preview_box: none;
  --onb_theme_moon_dark_preview_box: flex;
  --code-bg: var(--base);
  --code-border: var(--overlay0);
  --code-k: var(--mauve);
  --code-s: var(--green);
  --code-cm-c1: var(--maroon);
  --code-n: var(--mauve);
  --code-p: var(--text);
  --background-color-sky: var(--sky);
  --ai_chat_buble_a_bg: var(--kagi-accent);
  --ai_chat_buble_q_bg: var(--app-bg);
  --ai_chat_buble_dd_q_bg: var(--kagi-accent);
  --ai_chat_buble_dd_a_bg: var(--surface1);
  --ai_chat_buble_a_text: var(--app-text);
  --ai_chat_buble_q_text: var(--app-text);
  --ai_chat_input_text: var(--app-text);
  --ai_chat_input_button: var(--teal);
  --checkbox-bg: var(--yellow);
  --checkbox-check: var(--base);
  --as-dd-border: var(--app-bg);
  --dd-list-input-bg: var(--base);
  --icon-purple: var(--sky);
}

.k_ui_dropdown_data_list .list_items > ._0_k_ui_dropdown_li:hover {
  background-color: var(--surface2) !important; /* Darker background */
  /* Optionally, keep the original text color or slightly lighten it if needed */
  /* color: var(--text); */ 
}

div.sidebar-box {
  background-color: var(--mantle) !important; /* Darker background for sidebar-box */
}

.thread-list > li:is(.active, :hover, :focus-within) {
  background-color: var(--surface1) !important; /* Darker background for active, hover, and focus-within states */
}

.bg-p-50 {
  background-color: var(--primary-50); /* Or whichever color you currently have set */
}

/* Media query for mobile devices */
@media (max-width: 767px) {
  .bg-p-50 {
    background-color: var(--surface0); /* Use a darker color on mobile */
  }
.landing-category-select .landing_cat_buttons > button.--active {
  align-items: center;
  border: 1px solid var(--primary-400);
  border-radius: 999px;
  color: var(--primary-500);
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  padding: 8px 16px;
  background-color: var(--surface0);
}

.landing-category-select .landing_cat_buttons>button {
  border: none;
  color:var(--primary);
  font-size:.875rem;
  height:47px;
  margin:0;
  min-width:unset!important;
  padding:0 8px;
  position:relative
}
.landing-category-select .landing_cat_buttons>button.--active {
  font-weight:700;
}
.landing-category-select .landing_cat_buttons>button.n_se.--active,
.landing-category-select .landing_cat_buttons>button.n_se:hover {
  border-bottom:2px solid var(--nav_n_ma_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_im.--active,
.landing-category-select .landing_cat_buttons>button.n_im:hover {
  border-bottom:2px solid var(--nav_n_vi_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_vi.--active,
.landing-category-select .landing_cat_buttons>button.n_vi:hover {
  border-bottom:2px solid var(--nav_n_vi_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_ne.--active,
.landing-category-select .landing_cat_buttons>button.n_ne:hover {
  border-bottom:2px solid var(--nav_n_ne_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_ma.--active,
.landing-category-select .landing_cat_buttons>button.n_ma:hover {
  border-bottom:2px solid var(--nav_n_ma_line) !important;
}
.landing_cat_buttons {
  border-bottom:none !important;
  display:flex;
  justify-content:space-between;
  width:100%;
}
}

.dropdown .dd-list ._0_list_items li:hover {
  color: var(--overlay0) !important; /* Darker font color on hover */
}

.sidebar-filter-nav-form .sidebar-filter-nav > .filter-item .dd-list li:hover {
  color: var(--overlay0) !important; /* Darker text color on hover */
}

span.domain {
  background-color: var(--surface0) !important; /* Use a darker background color */
  color: var(--text) !important; /* Ensure text color is readable against the background */
  padding: 2px 4px !important;  /* Optional: Add some padding for visual comfort */
  border-radius: 3px !important; /* Optional: Add a slight border radius */
}

#chat_box .chat_bubble .sources .domain {
  background-color: var(--surface0); /* Darker background color */
  color: var(--text);             /* Ensure readable text color */
  padding: 1px 3px;             /* Optional: Adjust padding as needed */
  border-radius: 3px;            /* Optional: Add a slight border-radius */
}

span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus, .widget-simple .__domain-name, .bg-p-50 {
 background-color: var(--surface0) !important;
}

.message-info li .value {
  background-color: var(--surface0); /* Darker background color */
  color: var(--text);             /* Ensure readable text color */
  padding: 2px 5px;             /* Optional: Add some padding */
  border-radius: 4px;            /* Optional: Add a border-radius */
}

#chat_box .chat_bubble .content sup {
  background-color: var(--surface1); /* Darker background color */
  color: var(--text);             /* Ensure readable text color */
}

#chat_box .chat_bubble .content sup:hover {
  background-color: var(--surface2); /* Slightly lighter on hover */
}

.landing-category-select .landing_cat_buttons > button.--active {
  align-items: center;
  border: 1px solid var(--primary-400);
  border-radius: 999px;
  color: var(--primary-500);
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  padding: 8px 16px;
  background-color: var(--surface0);
}

.landing-category-select .landing_cat_buttons>button {
  border-bottom:2px solid transparent;
  color:var(--primary);
  font-size:.875rem;
  height:47px;
  margin:0;
  min-width:unset!important;
  padding:0 8px;
  position:relative
}
.landing-category-select .landing_cat_buttons>button.--active {
  font-weight:700
}
.landing-category-select .landing_cat_buttons>button.n_se.--active,
.landing-category-select .landing_cat_buttons>button.n_se:hover {
  border-bottom:2px solid var(--nav_n_ma_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_im.--active,
.landing-category-select .landing_cat_buttons>button.n_im:hover {
  border-bottom:2px solid var(--nav_n_vi_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_vi.--active,
.landing-category-select .landing_cat_buttons>button.n_vi:hover {
  border-bottom:2px solid var(--nav_n_vi_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_ne.--active,
.landing-category-select .landing_cat_buttons>button.n_ne:hover {
  border-bottom:2px solid var(--nav_n_ne_line) !important;
}
.landing-category-select .landing_cat_buttons>button.n_ma.--active,
.landing-category-select .landing_cat_buttons>button.n_ma:hover {
  border-bottom:2px solid var(--nav_n_ma_line) !important;
}
.landing_cat_buttons {
  border-bottom:1px solid var(--primary-200);
  display:flex;
  justify-content:space-between;
  width:100%
}

._0_filters-clear-btn {
  color: var(--crust) !important;
}

._0_filters-clear-btn i svg {
  color: var(--base) !important;
}

#adv_search_btn:checked + #mainContent .search-form .landing-category-select {
top: 85px;
}

.landing_cat_buttons {
padding-bottom: 10px;
}

._0_copied_tooltip {
left: -45px;
}

.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
background: var(--primary-g-6);
}

.k_ui_toggle_switch.--mini .k_ui_toggle_switch_bar {
--border-color: var(--primary-g-6);
}
input[type="date"] {
  color: var(--primary-600) !important;
}
.sidebar-filter-nav-form .sidebar-filter-nav > .filter-item .dd-list li:hover {
  color: unset !important;
}
.dropdown .dd-list .checked.inner-label:hover {
  color: var(--crust) !important;
}
.dropdown .dd-list .inner-label:hover {
  color: var(--crust);
}
.k_ui_dropdown_data_list .list_items > div:hover {
  background-color: unset !important;
  color: unset !important;
  outline: none;
  text-decoration: none;
}
#uploadedItems .item .type, #uploadedItems .item .icon, #uploadedItems .item .name {
  color: var(--crust);
}
#form .uploadLabel:hover {
  color: var(--crust);
}
.POI-item-back .text {
  color: var(--crust);
}
.k-tooltip {
  background-color: var(--primary-100);
}

/* OPTIONAL disable underline on title links in search result
.__sri-title .__sri_title_link {
  border-bottom: none;
} */