:root {
  --tsa-navy-950: #1e1744;
  --tsa-navy-900: #31286b;
  --tsa-blue-700: #6c5ce7;
  --tsa-orange-500: #ff6b8a;
  --tsa-orange-600: #e94c72;
  --tsa-muted: #625e75;
  --tsa-border: #ded9ef;
}

body,
.login-pf body {
  background:
    radial-gradient(circle at 18% 8%, rgb(108 92 231 / 36%), transparent 34rem),
    radial-gradient(circle at 90% 90%, rgb(255 107 138 / 25%), transparent 30rem),
    linear-gradient(145deg, #17122f, #2e245d);
}

#kc-header-wrapper::before {
  background: url("../img/biletez-mark.svg") center / 82% no-repeat white;
  color: transparent;
  content: "";
}

#kc-login,
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
  background: linear-gradient(135deg, #6c5ce7, #ff6b8a);
  color: white;
}

#kc-login:hover,
.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background: linear-gradient(135deg, #5947dc, #ef5377);
  color: white;
}