:root {
  --tblr-tabler: #6658ea;
  --tblr-tabler-rgb: 102, 88, 234;
  --tblr-tabler-lt: #f0edfd;
  --tblr-tabler-lt-rgb: 240, 237, 253;
  --tblr-tabler-darken: #5749d1;

  --tblr-primary: var(--tblr-tabler);
  --tblr-primary-rgb: var(--tblr-tabler-rgb);
  --tblr-primary-lt: var(--tblr-tabler-lt);
  --tblr-primary-lt-rgb: var(--tblr-tabler-lt-rgb);
  --tblr-primary-darken: var(--tblr-tabler-darken);
  --tblr-primary-darken-rgb: 87, 73, 209;

  --tblr-link-color: var(--tblr-primary);
  --tblr-link-color-rgb: var(--tblr-primary-rgb);
  --tblr-link-hover-color: var(--tblr-primary-darken);
  --tblr-link-hover-color-rgb: var(--tblr-primary-darken-rgb);
}

.form-control:focus, input:focus, select:focus, textarea:focus {
    border-color: var(--tblr-primary) !important;
}

.navbar-brand,.brand-font {
    font-family: "DM Serif Display", serif;
}

body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  display: block;
  border-top: 4px solid;
  border-image: linear-gradient(to right, #575a7b, #575a7b 20%, #f9655b 20%, #f9655b 40%, #f5c070 40%, #f5c070 60%, #6658ea 60%, #6658ea 80%, #fcc 80%) 1;
  z-index: 1;
}