/**
 * UNIMART global theme tokens — light mode only.
 * Brand header/nav (orange + charcoal) stays unchanged by design.
 */

:root {
    --theme-text: var(--unimart-text, #1a1a2e);
    --theme-text-muted: var(--unimart-text-muted, #6b7280);
    --theme-bg-page: var(--unimart-bg-muted, #f5f6f8);
    --theme-bg-surface: var(--unimart-bg, #ffffff);
    --theme-bg-muted: var(--unimart-bg-muted, #f5f6f8);
    --theme-border: var(--unimart-border, #e8e8e8);
    --theme-link: var(--unimart-orange, #f68b1e);
    --theme-input-bg: var(--unimart-bg, #ffffff);
    --theme-input-border: #d1d5db;
    --theme-placeholder: #9ca3af;
    --theme-card-shadow: var(--unimart-shadow, 0 4px 14px rgba(44, 62, 80, 0.08));

    --um-bg-page: var(--theme-bg-page);
    --um-bg-surface: var(--theme-bg-surface);
    --um-bg-muted: var(--theme-bg-muted);
    --um-text-primary: var(--theme-text);
    --um-text-secondary: var(--theme-text-muted);
    --um-border: var(--theme-border);
    --um-card-shadow: var(--theme-card-shadow);
    --um-input-bg: var(--theme-input-bg);
    --um-input-border: var(--theme-input-border);
    --um-link: var(--unimart-orange, #f68b1e);

    --unimart-orange: #f68b1e;
    --unimart-orange-deep: #e96703;
    --unimart-slate: #2c3e50;
    --unimart-slate-mid: #34495e;
}