/**
 * Shop theme variants — accent from admin settings (--erp-accent).
 */
html[data-erp-theme="ledger"] {
    --erp-accent: var(--erp-accent, #1e5a52);
    --erp-accent-soft: var(--erp-accent-soft, #2d6a60);
    --erp-accent-ring: color-mix(in srgb, var(--erp-accent) 22%, transparent);
}

html[data-erp-theme="classic"] body.app-shell {
    --erp-surface: #eef2f7;
    --erp-surface-elevated: #ffffff;
    --erp-paper-border: #d8dee9;
    background-image: none;
}

html[data-erp-theme="classic"] .navbar-erp,
html[data-erp-theme="classic"] .sidebar-lg {
    --erp-accent: var(--erp-accent, #1d4ed8);
}

html[data-erp-theme="dark"] body.app-shell {
    --erp-surface: #0f172a;
    --erp-surface-elevated: #1e293b;
    --erp-paper-border: #334155;
    --erp-slate-800: #e2e8f0;
    --erp-slate-900: #f8fafc;
    color: #e2e8f0;
    background-image: radial-gradient(ellipse 120% 80% at 50% -20%, color-mix(in srgb, var(--erp-accent) 18%, transparent), transparent 60%);
}

html[data-erp-theme="dark"] .navbar-erp {
    background: rgba(15, 23, 42, 0.92) !important;
    border-bottom-color: #334155;
}

html[data-erp-theme="dark"] .card,
html[data-erp-theme="dark"] .card-soft {
    background: var(--erp-surface-elevated);
    color: #e2e8f0;
    border-color: var(--erp-paper-border);
}

html[data-erp-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e2e8f0;
}

html[data-erp-theme="dark"] .form-control,
html[data-erp-theme="dark"] .form-select {
    background-color: #0f172a;
    border-color: #475569;
    color: #f1f5f9;
}

.erp-tally-form .form-control:focus,
.erp-tally-form .form-select:focus,
form[data-erp-tally="1"] .form-control:focus,
form[data-erp-tally="1"] .form-select:focus {
    border-color: var(--erp-accent);
    box-shadow: 0 0 0 0.2rem var(--erp-accent-ring);
}