@font-face {
    font-family: 'Aurebesh';
    src: url('Aurebesh.woff') format('woff'); /* Carrega o arquivo local */
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #0c0c0e;
    color: #d4d4d8;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(212, 212, 216, 0.1) 1px, transparent 0);
    background-size: 20px 20px;
}

.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}

.font-aurebesh {
    font-family: 'Aurebesh', sans-serif;
    text-transform: lowercase;
}

.glass-pane {
    background-color: rgba(12, 20, 38, 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 191, 255, 0.3);
}

.btn-primary {
    background-color: #0077b6;
    color: white;
    transition: all 0.3s ease;
    border: 1px solid #00bfff;
    box-shadow: 0 0 5px #00bfff, 0 0 10px #00bfff inset;
}
.btn-primary:hover {
    background-color: #0096c7;
    box-shadow: 0 0 10px #00bfff, 0 0 15px #00bfff inset;
}

.btn-secondary {
    background-color: #4a4e69;
    color: white;
    transition: all 0.3s ease;
     border: 1px solid #9a8c98;
}
 .btn-secondary:hover {
    background-color: #6c757d;
}

.btn-danger {
    background-color: #ae2012;
    color: white;
    transition: all 0.3s ease;
     border: 1px solid #ff4d6d;
}
 .btn-danger:hover {
    background-color: #d00000;
}

.btn-success {
    background-color: #2a9d8f;
    color: white;
    transition: all 0.3s ease;
     border: 1px solid #57cc99;
}
 .btn-success:hover {
    background-color: #26a269;
}

.tab-active {
    background-color: #0077b6;
    border-bottom-color: #00bfff;
    color: white;
}

.tab-inactive {
    background-color: rgba(12, 20, 38, 0.4);
    border-bottom-color: transparent;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1a1a2e;
}
::-webkit-scrollbar-thumb {
    background: #0077b6;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0096c7;
}

/* Quality Colors */
.quality-Lendária { border-left-color: #ff8000; }
.quality-Imperial { border-left-color: #e6194B; }
.quality-Excelente { border-left-color: #8a2be2; }
.quality-Boa { border-left-color: #3cb44b; }
.quality-Normal { border-left-color: #4363d8; }
.quality-Baixa { border-left-color: #808080; }

.credit-value:focus {
    outline: 2px solid #00bfff;
    background-color: #1c2a4a;
}

#cart {
    transition: transform 0.3s ease-in-out;
}

.notification {
    transition: opacity 0.5s, transform 0.5s;
}

.modal-input {
     background-color: #1e293b;
     border: 1px solid #475569;
     border-radius: 0.375rem;
     padding: 0.5rem;
}
.modal-input:focus {
     outline: 2px solid #00bfff;
}