/* ============================================================
   Global dark mode overrides — scoped to [data-bs-theme="dark"]
   Bootstrap 5.3 handles its own components; this covers all
   custom CSS that uses hardcoded light colours.
   ============================================================ */

/* ── Colour tokens ── */
[data-bs-theme="dark"] {
    --dm-bg:          #0f172a;
    --dm-surface:     #1e293b;
    --dm-surface-alt: #263548;
    --dm-surface-hi:  #2d3f56;
    --dm-border:      #334155;
    --dm-text:        #e2e8f0;
    --dm-text-muted:  #94a3b8;
    --dm-text-faint:  #64748b;
}

/* ── Body ── */
[data-bs-theme="dark"] body {
    background-color: var(--dm-bg) !important;
    color: var(--dm-text);
}

/* ── Generic Bootstrap overrides (cards, inputs, tables, modals) ── */
[data-bs-theme="dark"] .card {
    background-color: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .card-header {
    background-color: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .card-footer {
    background-color: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .card-header h1,
[data-bs-theme="dark"] .card-header h2,
[data-bs-theme="dark"] .card-header h3,
[data-bs-theme="dark"] .card-header h4,
[data-bs-theme="dark"] .card-header h5,
[data-bs-theme="dark"] .card-header h6 {
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .modal-content {
    background-color: var(--dm-surface) !important;
    border-color: var(--dm-border);
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: var(--dm-border);
}
[data-bs-theme="dark"] .table {
    --bs-table-bg: var(--dm-surface);
    --bs-table-striped-bg: var(--dm-surface-alt);
    --bs-table-hover-bg: var(--dm-surface-hi);
    --bs-table-border-color: var(--dm-border);
    color: var(--dm-text);
}
[data-bs-theme="dark"] .table thead th,
[data-bs-theme="dark"] .table thead td,
[data-bs-theme="dark"] .table > thead > tr > th {
    background-color: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .table tbody td,
[data-bs-theme="dark"] .table tbody th {
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .table tbody tr:hover > * {
    background-color: var(--dm-surface-hi) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .list-group-item {
    background-color: var(--dm-surface);
    border-color: var(--dm-border);
    color: var(--dm-text);
}
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--dm-surface);
    border-color: var(--dm-border);
}
[data-bs-theme="dark"] .dropdown-item {
    color: var(--dm-text);
}
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: var(--dm-surface-alt);
    color: var(--dm-text);
}
[data-bs-theme="dark"] .dropdown-divider { border-color: var(--dm-border); }
[data-bs-theme="dark"] .accordion-item {
    background-color: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .accordion-button {
    background-color: var(--dm-surface) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .accordion-body {
    background-color: var(--dm-surface);
    color: var(--dm-text-muted);
}
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: var(--dm-text-muted);
}
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--dm-surface);
    border-color: var(--dm-border);
    color: var(--dm-text);
}
[data-bs-theme="dark"] .nav-tabs { border-color: var(--dm-border); }
[data-bs-theme="dark"] .alert {
    border-color: var(--dm-border);
}

/* ── Page sections (shared across pages) ── */
[data-bs-theme="dark"] .page-header {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}
[data-bs-theme="dark"] .section-badge {
    background: var(--dm-surface-alt) !important;
    color: #a78bfa !important;
}

/* ── Index page ── */
[data-bs-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 50%, #0f172a 100%) !important;
}
[data-bs-theme="dark"] .qr-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .feature-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text);
}
[data-bs-theme="dark"] .feature-title,
[data-bs-theme="dark"] .section-title,
[data-bs-theme="dark"] .section-description,
[data-bs-theme="dark"] .feature-description {
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .qr-type-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .qr-type-card:hover {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .qr-type-title,
[data-bs-theme="dark"] .qr-type-description {
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .qr-feature { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .testimonial-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .testimonial-text,
[data-bs-theme="dark"] .author-role { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .author-name  { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .trust-item   { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .modern-accordion .accordion-item {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .modern-accordion .accordion-button,
[data-bs-theme="dark"] .modern-accordion .accordion-body {
    background: var(--dm-surface) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .modern-accordion .accordion-button:not(.collapsed) {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .process-mockup {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .steps-container::before { background: var(--dm-border) !important; }
[data-bs-theme="dark"] .metric {
    background: var(--dm-surface-alt) !important;
    color: var(--dm-text-muted) !important;
}

/* ── Generate page ── */
[data-bs-theme="dark"] .generate-page {
    background-color: var(--dm-bg) !important;
}
[data-bs-theme="dark"] .qr-type-selection {
    background: var(--dm-bg) !important;
}
[data-bs-theme="dark"] .qr-generator-interface,
[data-bs-theme="dark"] .qr-form,
[data-bs-theme="dark"] .generator-form-container,
[data-bs-theme="dark"] .qr-preview-container,
[data-bs-theme="dark"] .qr-preview {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .section-header,
[data-bs-theme="dark"] .section-header h4 {
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .qr-sample {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .sample-label { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .login-prompt {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .feature-tag {
    background: var(--dm-surface-alt) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .character-counter,
[data-bs-theme="dark"] .validation-icon {
    color: var(--dm-text-faint) !important;
}
[data-bs-theme="dark"] .user-stats .stat-item {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}

/* ── History page ── */
[data-bs-theme="dark"] .history-page {
    background: var(--dm-bg) !important;
}
[data-bs-theme="dark"] .filter-section,
[data-bs-theme="dark"] .qr-table-container {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .stats-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text);
}
[data-bs-theme="dark"] .download-badge {
    background: var(--dm-surface-alt) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .qr-title    { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .qr-subtitle { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .btn-action {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .btn-action:hover {
    background: var(--dm-surface-hi) !important;
}
[data-bs-theme="dark"] .empty-state { color: var(--dm-text-muted) !important; }

/* ── Forms (all pages) ── */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] textarea {
    background-color: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] textarea:focus {
    background-color: var(--dm-surface-hi) !important;
    border-color: #6366f1 !important;
    color: var(--dm-text) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.2) !important;
}
[data-bs-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] textarea::placeholder {
    color: var(--dm-text-faint) !important;
}
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] label         { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .form-text,
[data-bs-theme="dark"] .form-hint    { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .input-group-text {
    background-color: var(--dm-surface-hi) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}

/* ── Profile / Settings pages ── */
[data-bs-theme="dark"] .profile-section,
[data-bs-theme="dark"] .settings-section {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .profile-header { color: var(--dm-text) !important; }

/* ── Auth pages (login / register) ── */
[data-bs-theme="dark"] .card.shadow {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}

/* ── Contact page ── */
[data-bs-theme="dark"] .contact-section,
[data-bs-theme="dark"] .contact-form-wrapper,
[data-bs-theme="dark"] .contact-info-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text);
}

/* ── Typography catch-all ── */
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6 {
    color: var(--dm-text);
}
[data-bs-theme="dark"] p,
[data-bs-theme="dark"] li   { color: var(--dm-text-muted); }
[data-bs-theme="dark"] small,
[data-bs-theme="dark"] .text-muted { color: var(--dm-text-faint) !important; }
[data-bs-theme="dark"] hr   { border-color: var(--dm-border) !important; }

/* ── Inline style overrides (modal footer backgrounds etc.) ── */
[data-bs-theme="dark"] [style*="background: #f8fafc"],
[data-bs-theme="dark"] [style*="background:#f8fafc"] {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] [style*="background: #fef3c7"] {
    background: #3d2e0a !important;
    border-color: #78491a !important;
}

/* ── Bootstrap utility overrides ── */
[data-bs-theme="dark"] .bg-light {
    background-color: var(--dm-surface) !important;
}
[data-bs-theme="dark"] .bg-white {
    background-color: var(--dm-surface) !important;
}
[data-bs-theme="dark"] .border-light,
[data-bs-theme="dark"] .border {
    border-color: var(--dm-border) !important;
}

/* ── Index page section wrappers (alternate dark/surface to mirror light mode rhythm) ── */
/* bg-light sections → elevated surface */
[data-bs-theme="dark"] .qr-types-section,
[data-bs-theme="dark"] .testimonials-section {
    background-color: var(--dm-surface) !important;
}
/* white/default sections → base background */
[data-bs-theme="dark"] .features-section,
[data-bs-theme="dark"] .how-it-works-section,
[data-bs-theme="dark"] .faq-section {
    background-color: var(--dm-bg) !important;
}

/* ── Generate page ── */
[data-bs-theme="dark"] .generate-page .page-header {
    background: linear-gradient(135deg, #4338ca 0%, #6d28d9 60%, #5b21b6 100%) !important;
}
[data-bs-theme="dark"] .qr-type-selection {
    background: var(--dm-bg) !important;
}
[data-bs-theme="dark"] .qr-type-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .qr-type-card:hover,
[data-bs-theme="dark"] .qr-type-card.selected {
    background: var(--dm-surface-alt) !important;
    border-color: #6366f1 !important;
}
[data-bs-theme="dark"] .qr-generator-interface {
    background: var(--dm-bg) !important;
}
[data-bs-theme="dark"] .generator-form-container {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .form-content { background: var(--dm-surface) !important; }
[data-bs-theme="dark"] .section-header {
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .text-editor-container {
    border-color: var(--dm-border) !important;
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .character-counter {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-faint) !important;
}
[data-bs-theme="dark"] .qr-options-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .options-header {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .options-header h4,
[data-bs-theme="dark"] .option-label { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .qr-result-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .qr-container {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .qr-info {
    background: var(--dm-surface-alt) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .qr-placeholder-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .placeholder-icon {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .placeholder-features {
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .qr-sample {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .sample-qr {
    background: var(--dm-surface-hi) !important;
}
[data-bs-theme="dark"] .quick-guide {
    background: var(--dm-surface) !important;
}
[data-bs-theme="dark"] .step-icon {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .size-slider {
    background: var(--dm-border) !important;
}
[data-bs-theme="dark"] .user-stats { background: var(--dm-surface-alt) !important; }

/* ── History page ── */
[data-bs-theme="dark"] .stat-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .stat-card h3 { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .stat-card p  { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .controls-card,
[data-bs-theme="dark"] .history-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .controls-header,
[data-bs-theme="dark"] .history-header {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .controls-title,
[data-bs-theme="dark"] .history-title { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .btn-export {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .btn-export:hover {
    border-color: #6366f1 !important;
    color: #818cf8 !important;
}
[data-bs-theme="dark"] .modern-table {
    background: var(--dm-surface) !important;
    color: var(--dm-text) !important;
}
[data-bs-theme="dark"] .modern-table thead th {
    background: var(--dm-surface-alt) !important;
    color: var(--dm-text-muted) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .modern-table tbody tr {
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .modern-table tbody tr:hover {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .modern-table tbody td {
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .content-preview { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .badge-url      { background: #1e3a5f !important; color: #93c5fd !important; }
[data-bs-theme="dark"] .badge-text     { background: #2e1f4f !important; color: #c4b5fd !important; }
[data-bs-theme="dark"] .badge-contact  { background: #14391f !important; color: #86efac !important; }
[data-bs-theme="dark"] .badge-wifi     { background: #3d1f0a !important; color: #fdba74 !important; }
[data-bs-theme="dark"] .badge-email    { background: #3d0f28 !important; color: #f9a8d4 !important; }
[data-bs-theme="dark"] .badge-phone    { background: #0a3330 !important; color: #6ee7b7 !important; }
[data-bs-theme="dark"] .btn-view   { background: #0c2a2e !important; border-color: #06b6d4 !important; color: #22d3ee !important; }
[data-bs-theme="dark"] .btn-delete { background: #2d0f0f !important; border-color: #ef4444 !important; color: #f87171 !important; }
[data-bs-theme="dark"] .download-badge { background: #0c2340 !important; color: #7dd3fc !important; }
[data-bs-theme="dark"] .empty-icon {
    background: var(--dm-surface-alt) !important;
}
[data-bs-theme="dark"] .empty-title { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .pagination-wrapper {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .page-link {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .page-link:hover,
[data-bs-theme="dark"] .page-link.active {
    background: #6366f1 !important;
    border-color: #6366f1 !important;
    color: white !important;
}
[data-bs-theme="dark"] .page-info { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .form-group label { color: var(--dm-text) !important; }

/* ── Index page additional elements ── */
[data-bs-theme="dark"] .mockup-browser {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .browser-header {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .browser-url {
    background: var(--dm-surface-hi) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .browser-content {
    background: var(--dm-surface) !important;
}
[data-bs-theme="dark"] .form-select.form-input,
[data-bs-theme="dark"] .form-input {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}
[data-bs-theme="dark"] .trust-indicators {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .trust-label { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .qr-code-demo {
    background: var(--dm-surface-alt) !important;
}
/* feature-card sits on --dm-bg → lift to --dm-surface */
[data-bs-theme="dark"] .feature-card {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .feature-title { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .feature-description { color: var(--dm-text-muted) !important; }

/* qr-type-card and testimonial-card sit on --dm-surface → lift to --dm-surface-alt */
[data-bs-theme="dark"] .qr-types-section .qr-type-card,
[data-bs-theme="dark"] .testimonials-section .testimonial-card {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .qr-types-section .qr-type-card:hover {
    background: var(--dm-surface-hi) !important;
}

/* ── About page ── */
[data-bs-theme="dark"] .about-mission,
[data-bs-theme="dark"] .about-how { background-color: var(--dm-bg) !important; }
[data-bs-theme="dark"] .about-types,
[data-bs-theme="dark"] .about-security,
[data-bs-theme="dark"] .about-tech,
[data-bs-theme="dark"] .about-cta  { background-color: var(--dm-surface) !important; }
[data-bs-theme="dark"] .mission-card,
[data-bs-theme="dark"] .type-card,
[data-bs-theme="dark"] .security-item,
[data-bs-theme="dark"] .tech-badge {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}
[data-bs-theme="dark"] .mission-card:hover,
[data-bs-theme="dark"] .type-card:hover,
[data-bs-theme="dark"] .tech-badge:hover {
    background: var(--dm-surface-hi) !important;
}
[data-bs-theme="dark"] .mission-card h5,
[data-bs-theme="dark"] .type-name,
[data-bs-theme="dark"] .security-title,
[data-bs-theme="dark"] .tech-name,
[data-bs-theme="dark"] .how-step-title { color: var(--dm-text) !important; }
[data-bs-theme="dark"] .mission-card p,
[data-bs-theme="dark"] .type-desc,
[data-bs-theme="dark"] .security-desc,
[data-bs-theme="dark"] .tech-note,
[data-bs-theme="dark"] .how-step-desc  { color: var(--dm-text-muted) !important; }
[data-bs-theme="dark"] .how-step-icon {
    background: var(--dm-surface-alt) !important;
    border-color: var(--dm-border) !important;
}

/* ── Buy Me a Coffee section (self-contained dark design, prevent overrides) ── */
[data-bs-theme="dark"] .bmac-section { background: #0f172a !important; }
[data-bs-theme="dark"] .bmac-card    { background: linear-gradient(135deg, #1e1a0e 0%, #2d2106 50%, #1e1a0e 100%) !important; border-color: #f5c518 !important; }
[data-bs-theme="dark"] .bmac-title   { color: #ffffff !important; }
[data-bs-theme="dark"] .bmac-description { color: #cbd5e1 !important; }
[data-bs-theme="dark"] .bmac-perk    { color: #94a3b8 !important; }
[data-bs-theme="dark"] .bmac-qr-frame { background: #ffffff !important; }