@font-face {
  font-family: 'Futura';
  src: url('futura/futura_medium_bt.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Futura_2';
    src: url('futura/futura_light_bt.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
:root {
    --bs-body-color: #B4B3B5;
    --bs-font-sans-serif: 'Futura_2', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #B4B3B5;
}
.text-gradient.text-primary {
    background-image: linear-gradient(310deg, #DBE120);
}
.bg-gradient-primary {
    background-image: linear-gradient(310deg, #DBE120);
}
label, .form-label {
    color: #fff;
}
.bg-tikel {
    background-color: #020202;
}
.btn-primary, .btn.bg-gradient-primary {
    color: #131313;
}
.form-control { border-radius: 15px; }
.card .card-body {
    font-family: "Futura";
    padding: 1.5rem;
}
/* este es importante, le pone a muchas cosas el background */
.card, .tikel-bg-gray, .card-header, .form-control, .form-select, .form-check-input {
    background-color: #141414;
}
.form-control:focus, .form-select:focus {
    color: #fff;
    background-color: #141414;
    border-color: #DBE120;
    box-shadow: 0 0 0 2px #DBE120;
}
.fw-100 {
    font-weight: 100;
}
.tikel-bg-primary {
    background-color: #DBE120;
}
.tikel-bg-primary,
.tikel-bg-primary *  {
    color: black
}
.text-primary {
    color: #DBE120 !important;
}
.btn-outline-primary {
    color: #DBE120 !important;
    border-color: #DBE120 !important;
}
.btn-outline-primary:hover:not(.active) {
    color: #DBE120 !important;
    border-color: #DBE120;
}
.btn-outline-primary:hover {
    border-color: #DBE120 !important;
}
.btn-info {
    background-color: #DBE120 !important;
    color: #141414 !important;
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background-image: linear-gradient(310deg, #DBE120 0%, #DBE120 100%) !important;
}
.text-dark {
    color: #fff !important;
}
.bg-gradient-dark {
    background-image: linear-gradient(310deg, #DBE120 0%, #DBE120 100%) !important;
    color: black !important;
}
.circle-btn {
    border: 1px solid #DBE120;
    background-color: #DBE120;
}
.navbar .navbar-brand {
    color: #fff;
}