body {
    background-color: #f8f9fa; /* gris suave */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card {
    border-radius: 1rem;
}

/* Solo lo necesario: custom colors para botón y token container */
.btn-primary {
    background-color: #0069ff;
    border-color: #0069ff;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #004ecb;
    border-color: #004ecb;
    box-shadow: 0 6px 20px rgba(0, 78, 203, 0.8);
}

.token-container {
    background: #e9f0ff;
    border-radius: 0.7rem;
    color: #003a99;
}

#copyBtn {
    border-radius: 0.5rem;
    border: 2px solid #004ecb;
    background: transparent;
    color: #004ecb;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#copyBtn:hover, #copyBtn:focus {
    background-color: #004ecb;
    color: white;
    outline: none;
}

#copyMsg {
    color: #198754; /* bootstrap success green */
}