:root{
  --horizon-dark: #1f488e;
  --horizon-gold:#D4AF37;
  --horizon-light:#F4F4F4;
  --horizon-white:#FFFFFF;
  --horizon-bg:#FAF5EE;
  --horizon-semi-light:#FAF5EE;
  --horizon-semi-dark:#1F488EFF;
}

body{
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  /*min-width: 320px;*/
}

/* cień po scrollu */
#site-header.scrolled{
  box-shadow:0 6px 16px rgba(0,0,0,0.12);
}

/* MOBILE MENU */
#mobile-menu.open{
  max-height:400px;
}

/* helpers pod kolory horizon */
.bg-horizon-gold {
  background-color:var(--horizon-gold);
}
.text-horizon-gold {
  color:var(--horizon-gold);
}
.bg-horizon-light {
  background-color:var(--horizon-semi-light);
}
.text-horizon-900 {
  color:var(--horizon-dark);
}
.scroll-up-bg {
  background-color: #d4d3d5 !important;
}
.scroll-up-border {
  border: 1px solid var(--horizon-light) !important;
}
.scroll-up-bg:hover {
  background-color: var(--horizon-dark) !important;
}
.scroll-up-bg:hover svg {
  color: var(--horizon-light);
}
.bg-body-color {
    background-color:var(--horizon-semi-light) !important;
}

.focus\:ring-horizon-semi-dark:focus {
    --tw-ring-color: var(--horizon-semi-dark);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 0 1px var(--tw-ring-color);
    box-shadow:
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}

input.focus\:border-horizon-semi-dark:focus,
textarea.focus\:border-horizon-semi-dark:focus {
    border-color: var(--horizon-semi-dark) !important;
    outline: none !important;
}