:root {
  --bk-primary: #5ca5c6;
  --bk-primary-700: #28728f;
  --bk-accent: #df975d;
  --bk-accent-700: #b96832;
  --bk-ink: #1f3442;
  --bk-muted: #5f737c;
  --bk-line: #dce8ed;
  --bk-cloud: #f5fafc;
  --bk-mint: #dff4ec;
  --bk-white: #ffffff;
  --bk-radius: 8px;
  --bk-shadow: 0 18px 55px rgba(31, 52, 66, 0.12);
  --bk-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color: var(--bk-ink);
  font-family: var(--bk-font);
  scroll-behavior: smooth;
}

body {
  background: var(--bk-white);
  color: var(--bk-ink);
  font-family: var(--bk-font);
}

::selection {
  background: rgba(223, 151, 93, 0.24);
  color: var(--bk-ink);
}

a {
  color: var(--bk-primary-700);
}

a:hover {
  color: var(--bk-accent-700);
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: rgba(255, 255, 255, 0.58);
  border-bottom: 1px solid rgba(220, 232, 237, 0.62);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
  opacity: 1;
  transform: translateY(0);
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 360ms ease,
    background-color 300ms ease,
    border-color 300ms ease,
    box-shadow 300ms ease;
  will-change: transform, opacity;
}

.uk-sticky-fixed {
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 360ms ease;
}

.uk-sticky-fixed.uk-animation-slide-top {
  animation-name: bk-navbar-gentle-slide-top;
  animation-duration: 780ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes bk-navbar-gentle-slide-top {
  0% {
    opacity: 0;
    transform: translateY(-22px);
  }

  55% {
    opacity: 0.88;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .uk-navbar-container:not(.uk-navbar-transparent),
  .uk-sticky-fixed,
  .uk-sticky-fixed.uk-animation-slide-top {
    animation: none;
    transition: none;
  }
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  color: var(--bk-ink);
  font-family: var(--bk-font);
  min-height: 76px;
}

.uk-navbar-nav > li.uk-active > a {
  color: var(--bk-primary-700);
  font-weight: 700;
}

.uk-navbar-nav > li > a:hover {
  color: var(--bk-accent-700);
}

.uk-button {
  border-radius: 999px;
  font-family: var(--bk-font);
  font-weight: 700;
  letter-spacing: 0;
  min-height: 40px;
  text-transform: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.uk-button-primary {
  background: var(--bk-primary);
  border: 1.2px solid var(--bk-primary);
  color: var(--bk-white);
}

.uk-button-primary:hover,
.uk-button-primary:focus {
  background: transparent;
  border-color: var(--bk-primary);
  color: var(--bk-primary);
}

.uk-button-secondary {
  background: var(--bk-ink);
}

.uk-button-default {
  background: transparent;
  border: 1.2px solid rgba(92, 165, 198, 0.8);
  color: var(--bk-ink);
}

.uk-button-default:hover,
.uk-button-default:focus {
  background: var(--bk-primary);
  border-color: rgba(92, 165, 198, 0.8);
  color: var(--bk-white);
}

.uk-card {
  border-radius: var(--bk-radius);
  box-shadow: none;
}

.uk-card-default {
  border: 1px solid var(--bk-line);
}

.uk-card-primary {
  background: var(--bk-primary-700);
}

.uk-card-primary .bk-price,
.uk-card-primary .bk-period,
.uk-card-primary p,
.uk-card-primary li {
  color: rgba(255, 255, 255, 0.9);
}

.uk-input,
.uk-select,
.uk-textarea {
  border-radius: var(--bk-radius);
  border-color: var(--bk-line);
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: var(--bk-primary);
}

.uk-label {
  background: rgba(92, 165, 198, 0.12);
  border-radius: 999px;
  color: var(--bk-primary-700);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.uk-section-muted {
  background: var(--bk-cloud);
}

.uk-offcanvas-bar {
  background: var(--bk-ink);
}

.uk-offcanvas-bar .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
  color: rgba(255, 255, 255, 0.86);
}

.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
  color: var(--bk-accent);
}