/* ============================================
   THEME: Dark 2026 — Premium dark, OLED-friendly
   Inspired by Arc browser, Raycast, Vercel
   ============================================ */
.theme-dark {
    --bg-body: #000000;
    --bg-card: #0d0d0d;
    --bg-card-alt: #1a1a1a;
    --text-primary: #f5f5f5;
    --text-secondary: #a1a1aa;
    --text-muted: #52525b;
    --border-color: #1f1f1f;
    --accent: #818cf8;
    --accent-hover: #6366f1;
    --accent-light: rgba(129, 140, 248, 0.08);
    --accent-glow: rgba(129, 140, 248, 0.2);
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'SF Pro Display', 'Inter', -apple-system, sans-serif;
    --logo-radius: 22%;
    --card-radius: 24px;
    --btn-radius: 14px;
    --badge-radius: 100px;
    --border-width: 1px;
    --border-style: solid;
    --title-transform: none;
    --title-letter-spacing: -0.03em;
    --shadow-card: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3);
    --shadow-glow: 0 0 30px rgba(129, 140, 248, 0.15);
    --gradient-accent: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);
    --gradient-subtle: linear-gradient(135deg, rgba(129, 140, 248, 0.03) 0%, rgba(167, 139, 250, 0.03) 100%);
    --status-open-color: #4ade80;
    --status-closed-color: #f87171;
    --blur-bg: rgba(13, 13, 13, 0.8);
    --border-accent: #818cf8;
    --blur-amount: 14px;
}

/* Logo-card improvements for Dark */
.theme-dark .logo-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--shadow-card);
}

.theme-dark .logo-card--no-cover {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card-alt) 100%);
}

.theme-dark .logo-card--cover .logo-wrapper {
    box-shadow:
        0 0 0 3px rgba(255, 255, 255, 0.15),
        0 8px 32px rgba(0, 0, 0, 0.45);
}

.theme-dark .logo-card--cover .business-category {
    background: var(--gradient-accent);
    color: #000;
    font-weight: 700;
}

.theme-dark .logo-card--no-cover .business-category {
    background: var(--accent);
    color: #000;
}

.theme-dark .logo-card--no-cover .verified-badge {
    border-color: var(--accent);
    background: var(--accent-light);
    color: var(--accent);
    backdrop-filter: blur(6px);
}

.theme-dark .logo-card--cover .verified-badge {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    backdrop-filter: blur(8px);
}

.theme-dark .logo-card-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.45) 45%,
        rgba(0, 0, 0, 0.85) 100%
    );
}