/* custom.css — complementar ao bootstrap.min.css */

/* Estilo Vintage / Retrô */
body {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%23cd853f' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.navbar { border-bottom: 3px double var(--bs-primary); font-weight: 600; }

.card { 
    transition: transform .3s, box-shadow .3s; 
    border: 1px solid var(--bs-secondary); 
    background-color: #FAFAFA;
}
.card:hover { transform: translateY(-3px); box-shadow: var(--bs-box-shadow-lg); }

.btn { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-width: 2px; }
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-dark); color: #FFF; }
.btn-primary:hover { background-color: var(--bs-dark); border-color: var(--bs-primary); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: var(--bs-primary); border-radius: 0; }

.text-gradient {
  color: var(--bs-primary);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.table { border: 1px solid var(--bs-secondary); }
.table thead th { border-bottom: 2px solid var(--bs-primary); }