/* =============================================
   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);

    /* Secondary tokens (dark defaults). Light values live in mode-frontend.css
       under [data-bs-theme="light"] and :root[data-mode="light"]. */
    --text-strong: #f1f5f9;                                   /* titles, prices */
    --accent-text: color-mix(in srgb, var(--accent) 70%, white); /* accent text on tinted chips */
    --accent-soft: color-mix(in srgb, var(--accent) 8%, transparent);
    --surface-soft: rgba(255,255,255,0.03);                   /* spec rows, tab strips */
    --surface-softer: rgba(255,255,255,0.02);
    --placeholder: #334155;                                   /* "no image" icon */
    --shadow: rgba(0,0,0,0.3);
    --success-bg: rgba(34,197,94,0.12);
    --success-text: #4ade80;
    --warning-bg: rgba(234,179,8,0.12);
    --warning-text: #facc15;
    --danger-bg: rgba(239,68,68,0.12);
    --danger-text: #f87171;
    --card-glass: rgba(30,41,59,0.78);                        /* blurred glass cards */
    --hero-overlay: linear-gradient(135deg, rgba(17,24,39,0.55) 0%, rgba(30,41,59,0.4) 50%, rgba(17,24,39,0.58) 100%);
}