/* =============================================
   Front-End Theme Defaults (the "Default" look)
   Loaded BEFORE themes-frontend.css so that
   [data-theme="X"] selectors can override these.
   ============================================= */

:root {
    --accent: #3b82f6;
    --accent-dark: #2563eb;
    --accent-light: rgba(59,130,246,0.15);
    --bg-body: #111827;
    --bg-card: #1e293b;
    --bg-card-hover: #263348;
    --bg-surface: rgba(30,41,59,0.85);
    --bg-nav: rgba(17,24,39,0.9);
    --border: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.15);
    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --success: #22c55e;
    --danger: #ef4444;
    --bg-overlay: rgba(17,24,39,0.6);
    --hover-overlay: rgba(255,255,255,0.06);
    --focus-overlay: rgba(255,255,255,0.08);
}