/* ============================================================
   Dark theme override — loaded AFTER style2.css.
   Makes the whole site black without rebuilding Tailwind.
   ============================================================ */

:root{
    --paper:#16181d;
    --paper-deep:#1b1e24;
    --surface:#121317;
    --ink:#f3f4f6;
    --ink-soft:#cbd0d8;
    --ink-mute:#9aa1ab;
    --ink-faint:#6d7480;
    --border:#2a2e36;
    --border-soft:#23262d;
}

html, body { background-color:#0b0c0f !important; color:#e7e9ee !important; }
body.admin-body { background-color:#0b0c0f !important; }

/* ── Surfaces ─────────────────────────────────────────────── */
.bg-white, .bg-paper, .bg-surface,
.bg-gray-100, .bg-gray-200, .bg-neutral-100 { background-color:#16181d !important; }
.bg-paper-deep, .bg-gray-50, .bg-neutral-50, .bg-stone-50 { background-color:#1b1e24 !important; }

/* ── Text ─────────────────────────────────────────────────── */
.text-ink { color:#f3f4f6 !important; }
.text-ink-soft { color:#cbd0d8 !important; }
.text-ink-mute { color:#9aa1ab !important; }
.text-ink-faint { color:#6d7480 !important; }
.text-black, .text-gray-900, .text-gray-800, .text-gray-700, .text-neutral-900, .text-neutral-800 { color:#e7e9ee !important; }

/* ── Borders ──────────────────────────────────────────────── */
.border, .border-t, .border-b, .border-l, .border-r,
[class*="border-gray-"], [class*="border-neutral-"], [class*="border-stone-"] { border-color:#2a2e36 !important; }

/* ── Inputs / selects / textareas ─────────────────────────── */
.input, input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea {
    background-color:#1b1e24 !important;
    color:#f3f4f6 !important;
    border-color:#343a44 !important;
}
.input::placeholder, input::placeholder, textarea::placeholder { color:#727a86 !important; }
select option { background-color:#1b1e24; color:#f3f4f6; }

/* ── Buttons (primary stays brand red) ────────────────────── */
.btn-secondary { background-color:#23272f !important; color:#e7e9ee !important; border-color:#343a44 !important; }
.btn-secondary:hover { background-color:#2c313a !important; }

/* ── Cards / panels ───────────────────────────────────────── */
.card, .admin-card { background-color:#16181d !important; border-color:#2a2e36 !important; }
.admin-content { background-color:transparent !important; }

/* ── Tables ───────────────────────────────────────────────── */
.admin-table thead, .admin-table th { background-color:#1b1e24 !important; color:#cbd0d8 !important; }
.admin-table td, .admin-table th, .admin-table tr { border-color:#2a2e36 !important; }
.admin-table tbody tr:hover { background-color:#1b1e24 !important; }

/* ── Header / footer / hero ───────────────────────────────── */
header, footer, .site-header, .site-footer { background-color:#0e1014 !important; border-color:#2a2e36 !important; }
.paper-grain, .bg-paper-deep.paper-grain { background-color:#0e1014 !important; background-image:none !important; }

/* ── Links / brand accents (keep red, a touch brighter on dark) */
.text-brand, a.text-brand { color:#f87171 !important; }
.hover\:text-brand:hover { color:#fca5a5 !important; }

/* ── Semantic alert backgrounds, darkened ─────────────────── */
.bg-red-50 { background-color:#2a1416 !important; }
.bg-green-50 { background-color:#0f2418 !important; }
.bg-amber-50, .bg-yellow-50 { background-color:#2a2410 !important; }
.bg-blue-50 { background-color:#0f1d2e !important; }

/* ── Misc dividers ────────────────────────────────────────── */
hr, .hairline-full { border-color:#2a2e36 !important; background-color:#2a2e36 !important; }

/* Shadows look harsh on dark — soften */
.shadow, .shadow-sm, .shadow-md, .shadow-lg { box-shadow:0 1px 2px rgba(0,0,0,.5) !important; }

/* ── Gradient hero stops (home / how-it-works / about) ────── */
.from-paper-deep, .from-white, .from-paper {
    --tw-gradient-from:#0e1014 var(--tw-gradient-from-position) !important;
    --tw-gradient-to:rgb(11 12 15 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-white, .to-paper, .to-paper-deep, .via-white, .via-paper {
    --tw-gradient-to:#0b0c0f var(--tw-gradient-to-position) !important;
}

/* ── Photo gallery (lot page) ─────────────────────────────── */
.vehicle-gallery__thumbs-panel { background-color:#16181d !important; border-color:#2a2e36 !important; }
.vehicle-gallery__thumb { background-color:#0e1014 !important; }
.vehicle-gallery__thumb-scroll-btn { background-color:#23272f !important; color:#cbd0d8 !important; border-color:#343a44 !important; }

/* ── Badges → dark pills with bright text ─────────────────── */
.badge { color:#e7e9ee; }
.badge.bg-green-100, .bg-green-100 { background-color:#16341f !important; }
.badge.bg-amber-100, .bg-amber-100 { background-color:#3a2e10 !important; }
.text-green-800, .text-green-700 { color:#86efac !important; }
.text-amber-900, .text-amber-800, .text-amber-700 { color:#fcd34d !important; }
.badge-title { background-color:#23272f !important; color:#cbd0d8 !important; border-color:#343a44 !important; }
.badge-repo { background-color:#3a1416 !important; color:#fca5a5 !important; }

/* ── Auction timer card (lot page) ────────────────────────── */
#auction-timer { background-color:#16181d !important; border-color:#2a2e36 !important; }
#auction-timer .mb-timer-date, #auction-timer .mb-timer-digits { color:#f3f4f6 !important; }

/* ── Translucent white backgrounds (sticky navs etc.) ─────── */
.bg-white\/95, .bg-white\/90, .bg-white\/80, .bg-white\/75, .bg-white\/70, .bg-white\/60, .bg-white\/50 {
    background-color: rgba(14,16,20,0.95) !important;
}
.hiw-nav { background-color: rgba(14,16,20,0.95) !important; border-color:#2a2e36 !important; }