@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Jost:ital,wght@0,100..900;1,100..900&family=LXGW+Marker+Gothic&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {
  font-family: "LXGW Marker Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.uk-logo {
  font-family: "Cookie", cursive;
  font-weight: 400;
  font-style: normal;
}

.uk-blur {
  background: rgba(220, 220, 0, .5);
  filter: blur(4px);
}

.uk-text-wrapper {
  text-shadow: 1px 1px 2px black;
}

/* Визначаємо змінну для золотої палітри */
:root {
  --uk-color-gold: #FFD700; /* класичний золотий */
}

/* Класи для тексту, фону та алертів */
.uk-text-gold {
  color: var(--uk-color-gold) !important;
}

.uk-background-gold {
  background-color: var(--uk-color-gold) !important;
  color: black;
}

/* Клас для кастомного алерту */
.uk-alert-gold {
  background-color: var(--uk-color-gold);
  color: black; /* темний текст для контрасту */
  border: 1px solid #bfa500;
  padding: 15px;
  border-radius: 4px;
}