:root {
  color-scheme: light;
  --kl-surface: #fff;
  --kl-surface-alt: #f7f6f2;
  --kl-surface-subtle: #f9f9f9;
  --kl-heading: #000;
  --kl-text: #272727;
  --kl-muted: #555;
  --kl-secondary-text: #444;
  --kl-label: #333;
  --kl-caption: #777;
  --kl-fine-print: #999;
  --kl-link: #01114b;
  --kl-border: #ccc;
  --kl-error: #c00;
  --kl-error-bg: #fff3f3;
  --kl-error-border: #f5c6cb;
  --kl-error-text: #721c24;
  --kl-success: #1a4a2e;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --kl-surface: #101827;
    --kl-surface-alt: #182338;
    --kl-surface-subtle: #141e30;
    --kl-heading: #f7f6f2;
    --kl-text: #d8deea;
    --kl-muted: #b8c3d5;
    --kl-secondary-text: #c7d0df;
    --kl-label: #d8deea;
    --kl-caption: #b8c3d5;
    --kl-fine-print: #aebbd0;
    --kl-link: #dfbc75;
    --kl-border: #566580;
    --kl-error: #ff9c9c;
    --kl-error-bg: #3a202a;
    --kl-error-border: #b86575;
    --kl-error-text: #ffd6de;
    --kl-success: #8ed3a6;
    --bk-body-color: var(--kl-text);
    --bk-title-color: var(--kl-heading);
  }
  html, body, .body-bg-1, .bk-gallery-intro {
    background-color: var(--kl-surface);
    color: var(--kl-text);
  }
  .bk-gallery-trip--alt {
    background-color: var(--kl-surface-alt);
  }
  #bk-header {
    background-color: var(--kl-surface);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.3);
  }
  body #bk-header .header-navigation .main-navigation li a {
    color: var(--kl-heading);
  }
  body #bk-header .header-navigation .main-navigation li:hover a,
  body #bk-header .header-navigation .main-navigation li a[aria-current=page] {
    color: var(--kl-link);
  }
  #bk-hero .line_animation .line_area {
    background-color: rgba(247, 246, 242, 0.1);
  }
  #bk-hero .hero-slug {
    color: var(--kl-link);
  }
  #bk-hero .hero-slug i {
    border-left-color: var(--kl-link);
  }
  #bk-hero .hero-slug::before, #bk-hero .hero-slug::after {
    background-color: var(--kl-link);
  }
  #bk-hero .btn-wrap a:first-child {
    background-color: var(--kl-surface-alt);
    border-color: var(--kl-border);
    color: var(--kl-heading);
  }
  #bk-hero .btn-wrap a:first-child:hover {
    background-color: var(--kl-link);
    border-color: var(--kl-link);
    color: #01114b;
  }
  #bk-header .cta-btn-wrap > a, .bk-btn1 a, .bk-btn1 button,
  .bk-ftr1-widget .newslatter-widget button {
    background-color: var(--kl-link);
    color: #01114b;
  }
  #bk-header .cta-btn-wrap > a:hover, .bk-btn1 a:hover, .bk-btn1 button:hover,
  .bk-ftr1-widget .newslatter-widget button:hover {
    background-color: #f0d49c;
    color: #01114b;
  }
  #bk-header .bk-mobile-menu-btn button span {
    background-color: var(--kl-heading);
  }
  .mobile_menu .mobile_menu_content {
    background-color: var(--kl-surface-alt);
  }
  .bk-sec-title .subtitle, .bk-blog-item .blog_subtitle,
  .bk-blog-item .item-text .read_more, .bk-gallery-back,
  .bk-gallery-trip-date,
  .bk-journey-item ul li::before {
    color: var(--kl-link);
  }
  .bk-sec-title .subtitle i {
    border-left-color: var(--kl-link);
  }
  .bk-sec-title .subtitle::before, .bk-sec-title .subtitle::after {
    background-color: var(--kl-link);
  }
  .bk-service-card-title, .bk-journey-title, .bk-gallery-intro-title,
  .bk-gallery-trip-name, .bk-gallery-subheading, .bk-faq-item summary {
    color: var(--kl-heading);
  }
  .bk-gallery-intro-head p, .bk-journey-item ul li, .bk-faq-item p {
    color: var(--kl-text);
  }
  .bk-faq-item, .bk-gallery-subheading, .bk-blog-item .item-text .blog_title,
  .bk-testimonial-card .bk-testimonial-meta {
    border-color: var(--kl-border);
  }
  .bk-testimonial-card {
    background-color: var(--kl-surface-alt);
    border-top-color: var(--kl-link);
  }
  .bk-testimonial-card--featured {
    background-color: #01114b;
  }
  .bk-testimonial-card .bk-testimonial-name {
    color: var(--kl-link);
  }
  .bk-testimonial-card blockquote::before {
    color: rgba(223, 188, 117, 0.16);
  }
  .bk-testi-area .bk-testi-item {
    background-color: var(--kl-surface-alt);
  }
  .bk-testi-area:nth-child(even) .bk-testi-item {
    background-color: var(--kl-surface-subtle);
  }
  .bk-testi-area .bk-testi-item li {
    color: var(--kl-link);
  }
  .bk-testi-area .bk-testi-item .item-author-icon {
    border-color: var(--kl-border);
  }
  input:not([type=submit]):not([type=button]), textarea, select,
  .bk-ftr1-widget .newslatter-widget input {
    background-color: var(--kl-surface-subtle);
    color: var(--kl-text);
  }
  input::placeholder, textarea::placeholder,
  .bk-ftr1-widget .newslatter-widget input::placeholder {
    color: var(--kl-muted);
    opacity: 1;
  }
  .bk-ftr1-widget .newslatter-widget input {
    border: 1px solid var(--kl-border);
  }
  .bk-gallery-swiper .swiper-pagination-bullet {
    background-color: var(--kl-muted);
  }
  .bk-gallery-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--kl-link);
  }
  :focus-visible {
    outline: 2px solid var(--kl-link);
    outline-offset: 4px;
  }
}