:root {
  --brand-green: #34b78f;
  --brand-blue: #002554;
  --brand-green-soft: #9adbc7;
  --brand-blue-soft: #8092aa;
  --brand-white: #ffffff;
  --brand-surface: #f6fbf9;
  --brand-border: rgba(0, 37, 84, 0.18);
  --brand-shadow: 0 14px 32px rgba(0, 37, 84, 0.12);
}

a {
  color: var(--brand-green);
}

a:hover,
a:focus {
  color: var(--brand-blue);
}

.btn,
.btn-default,
.btn-outline,
.uk-button,
.uk-button-default,
.uk-button-secondary,
.uk-button-primary,
.uk-button-danger,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border-radius: 14px;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.btn,
.btn-default,
.btn-outline,
.btn-secondary,
.uk-button,
.uk-button-default,
.uk-button-secondary,
button:not(.uk-modal-close-default):not(.uk-close):not(.uk-lightbox-toolbar-icon):not(.uk-slidenav):not(.uk-dotnav-item),
input[type="button"],
input[type="reset"] {
  background: var(--brand-blue);
  border: 1px solid var(--brand-blue);
  color: var(--brand-white);
}

.btn-primary,
.btn-success,
.uk-button-primary,
input[type="submit"] {
  background: var(--brand-green);
  border: 1px solid var(--brand-green);
  color: var(--brand-white);
}

.btn-danger,
.uk-button-danger {
  background: var(--brand-blue);
  border: 1px solid var(--brand-blue);
  color: var(--brand-white);
}

.btn-light,
.btn-link,
.uk-button-text,
.uk-button-link {
  color: var(--brand-blue);
}

.btn:hover,
.btn:focus,
.btn-default:hover,
.btn-default:focus,
.btn-outline:hover,
.btn-outline:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.uk-button:hover,
.uk-button:focus,
.uk-button-default:hover,
.uk-button-default:focus,
.uk-button-secondary:hover,
.uk-button-secondary:focus,
button:not(.uk-modal-close-default):not(.uk-close):not(.uk-lightbox-toolbar-icon):not(.uk-slidenav):not(.uk-dotnav-item):hover,
button:not(.uk-modal-close-default):not(.uk-close):not(.uk-lightbox-toolbar-icon):not(.uk-slidenav):not(.uk-dotnav-item):focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
  background: var(--brand-blue-soft);
  border-color: var(--brand-blue-soft);
  color: var(--brand-white);
  box-shadow: var(--brand-shadow);
  transform: translateY(-1px);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.uk-button-primary:hover,
.uk-button-primary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: var(--brand-green-soft);
  border-color: var(--brand-green-soft);
  color: var(--brand-blue);
  box-shadow: 0 14px 32px rgba(52, 183, 143, 0.22);
}

.btn:active,
.btn.active,
.uk-button:active,
.uk-button.uk-active,
button:not(.uk-modal-close-default):not(.uk-close):not(.uk-lightbox-toolbar-icon):not(.uk-slidenav):not(.uk-dotnav-item):active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  transform: none;
  box-shadow: 0 6px 18px rgba(0, 37, 84, 0.16);
}

.btn.disabled,
.btn:disabled,
.uk-button:disabled,
button:disabled,
input:disabled {
  opacity: 0.72;
  box-shadow: none;
}

.badge,
.uk-label,
.label,
.uk-subnav-pill > .uk-active > a,
.uk-tab > .uk-active > a {
  background: var(--brand-green-soft);
  border-color: var(--brand-green-soft);
  color: var(--brand-blue);
}

.uk-subnav-pill > * > :first-child,
.uk-tab > * > a,
.page-link {
  border-radius: 12px;
}

.uk-subnav-pill > * > :first-child,
.uk-tab > * > a,
.page-link,
.pagination .page-item:not(.active) .page-link {
  background: var(--brand-white);
  border: 1px solid var(--brand-border);
  color: var(--brand-blue);
}

.uk-subnav-pill > * > :first-child:hover,
.uk-subnav-pill > * > :first-child:focus,
.uk-tab > * > a:hover,
.uk-tab > * > a:focus,
.page-link:hover,
.page-link:focus,
.pagination .page-item.active .page-link {
  background: var(--brand-green);
  border-color: var(--brand-green);
  color: var(--brand-white);
  box-shadow: 0 10px 24px rgba(52, 183, 143, 0.2);
}

.uk-pagination > * > * {
  color: var(--brand-blue);
}

.uk-pagination > .uk-active > *,
.uk-pagination > * > *:hover,
.uk-pagination > * > *:focus {
  color: var(--brand-green);
}

.uk-card-badge,
.badge.bg-success,
.badge.text-bg-success {
  background: var(--brand-green-soft) !important;
  color: var(--brand-blue) !important;
}

.badge.bg-primary,
.badge.text-bg-primary,
.badge.bg-info,
.badge.text-bg-info {
  background: var(--brand-blue) !important;
  color: var(--brand-white) !important;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.uk-radio:focus,
.uk-checkbox:focus,
.btn:focus-visible,
.uk-button:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  border-color: var(--brand-green);
  box-shadow: 0 0 0 4px rgba(52, 183, 143, 0.18);
  outline: 0;
}

.uk-radio:checked,
.uk-checkbox:checked,
.form-check-input:checked {
  background-color: var(--brand-green);
  border-color: var(--brand-green);
}

.uk-select,
.uk-input,
.uk-textarea,
.form-control,
.form-select {
  border-color: var(--brand-border);
}

.uk-card-default,
.uk-card,
.card,
.uk-panel-box,
.uk-tile-default {
  border-color: rgba(128, 146, 170, 0.22);
}

@media (max-width: 640px) {
  .btn,
  .uk-button,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    min-height: 46px;
  }
}