/* * O Bootstrap 5 (via CDN, ver templates/layout/*.php) cuida de grid, * componentes (navbar, card, form, badge, alert, pagination) e do * dark mode nativo (data-bs-theme="dark" no ). Este arquivo só * ajusta a paleta do tema escuro pra bater com a identidade visual do * produto e cobre os poucos detalhes que não têm equivalente pronto * no Bootstrap. */ [data-bs-theme="dark"] { --bs-body-bg: #0f1115; --bs-body-color: #e7e9ee; --bs-secondary-bg: #171a21; --bs-tertiary-bg: #10131a; --bs-border-color: #2a2e38; --bs-emphasis-color: #ffffff; --bs-primary: #6c5ce7; --bs-primary-rgb: 108, 92, 231; --bs-link-color: #a29bfe; --bs-link-color-rgb: 162, 155, 254; --bs-link-hover-color: #cabffd; --bs-link-hover-color-rgb: 202, 191, 253; } body { min-height: 100vh; } .navbar { background: var(--bs-secondary-bg) !important; border-color: var(--bs-border-color); } .card { background: var(--bs-secondary-bg); border-color: var(--bs-border-color); } .form-control, .form-select { background-color: var(--bs-tertiary-bg); border-color: var(--bs-border-color); color: var(--bs-body-color); } .form-control:focus, .form-select:focus { background-color: var(--bs-tertiary-bg); color: var(--bs-body-color); border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(108, 92, 231, .25); } .table { --bs-table-bg: transparent; } .hero-section { padding: 5rem 0 4rem; } .qrcode-box img, #qrcode-img { border-radius: .5rem; }