@import url("tokens.css");

html {
  font-family: var(--typography-font-family-base) !important;
  color: var(--colors-brand-secondary) !important;
}

h1 {
  font-family: var(--typography-h1-font-family) !important;
  font-size: var(--typography-h1-font-size) !important;
  font-weight: var(--typography-h1-font-weight) !important;
  line-height: var(--typography-h1-line-height) !important;
  letter-spacing: var(--typography-h1-letter-spacing) !important;
  color: var(--colors-brand-secondary) !important;
}

h2 {
  font-family: var(--typography-h2-font-family) !important;
  font-size: var(--typography-h2-font-size) !important;
  font-weight: var(--typography-h2-font-weight) !important;
  line-height: var(--typography-h2-line-height) !important;
  letter-spacing: var(--typography-h2-letter-spacing) !important;
  color: var(--colors-brand-secondary) !important;
}

h3 {
  font-family: var(--typography-h3-font-family) !important;
  font-size: var(--typography-h3-font-size) !important;
  font-weight: var(--typography-h3-font-weight) !important;
  line-height: var(--typography-h3-line-height) !important;
  letter-spacing: var(--typography-h3-letter-spacing) !important;
  color: var(--colors-brand-secondary) !important;
}

/* Primary/default buttons - "Jetzt anmelden" etc. */
.uk-button-default,
.uk-button-primary {
  background-color: var(--colors-brand-primary) !important;
  color: var(--colors-neutral-light) !important;
  border-radius: var(--border-radius-xxl) !important;
}

/* Links, icon accents, active nav state, "primary" text/background utilities */
.uk-icon,
.uk-active,
.uk-navbar-nav > li > a,
.tk-nav-footer-title {
  color: var(--colors-brand-secondary) !important;
}

a,
.uk-text-lead,
.uk-text-primary {
  color: var(--colors-brand-primary) !important;
}

.uk-background-primary {
  background-color: var(--colors-brand-primary) !important;
  color: var(--colors-neutral-light) !important;
}

/* Logo, navbar items/dropdowns, card titles - dark navy */
.tk-logo svg {
  margin-top: 6px;
  width: 100% !important;
  height: auto !important;
  transform: scale(1.17);
  transform-origin: left center;
}

.uk-logo,
.uk-navbar-item,
.uk-navbar-toggle,
.uk-navbar-dropdown,
.uk-card-title {
  color: var(--colors-brand-secondary) !important;
}

.uk-card-default {
  box-shadow: var(--shadow-default) !important;
  border-radius: var(--border-radius-md) !important;
  height: 100%;
}

.uk-grid > * {
  margin-top: var(--gap-medium) !important;
}

.tk-current-title {
  color: var(--colors-neutral-light) !important;
}