/*
 * SoftPrime Commerce UI Foundation — Phase 1
 * Shared tokens only. Page-specific redesigns are layered in later phases.
 */
:root{
  --ui-font: Inter, "Noto Sans Bengali", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-bn: "Noto Sans Bengali", Inter, ui-sans-serif, system-ui, sans-serif;

  --ui-bg:#f7f8fa;
  --ui-surface:#ffffff;
  --ui-surface-subtle:#f9fafb;
  --ui-surface-muted:#f3f4f6;
  --ui-text:#111318;
  --ui-text-soft:#3f4652;
  --ui-muted:#6b7280;
  --ui-border:#e5e7eb;
  --ui-border-strong:#d1d5db;

  --ui-primary:var(--primary, #e50914);
  --ui-primary-soft:rgba(229,9,20,.075);
  --ui-primary-border:rgba(229,9,20,.18);

  --ui-success:#087a55;
  --ui-success-soft:#ecfdf5;
  --ui-warning:#a65b00;
  --ui-warning-soft:#fff7ed;
  --ui-danger:#c62828;
  --ui-danger-soft:#fff1f2;
  --ui-info:#2457c5;
  --ui-info-soft:#eff6ff;

  --ui-radius-xs:6px;
  --ui-radius-sm:8px;
  --ui-radius-md:10px;
  --ui-radius-lg:14px;
  --ui-radius-xl:18px;
  --ui-radius-full:999px;

  --ui-shadow-xs:0 1px 2px rgba(17,24,39,.04);
  --ui-shadow-sm:0 1px 3px rgba(17,24,39,.06), 0 1px 2px rgba(17,24,39,.04);
  --ui-shadow-md:0 8px 24px rgba(17,24,39,.07);
  --ui-shadow-lg:0 18px 44px rgba(17,24,39,.10);

  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;
  --ui-space-8:32px;
  --ui-space-10:40px;
  --ui-space-12:48px;

  --ui-content:1200px;
  --ui-admin-content:1320px;
  --ui-control:42px;
  --ui-transition:160ms cubic-bezier(.2,.7,.2,1);
}

html[data-theme="dark"]{
  --ui-bg:#0f1115;
  --ui-surface:#15181e;
  --ui-surface-subtle:#191d24;
  --ui-surface-muted:#20252d;
  --ui-text:#f7f8fa;
  --ui-text-soft:#d1d5db;
  --ui-muted:#9ca3af;
  --ui-border:#2a3039;
  --ui-border-strong:#3a424e;
  --ui-primary-soft:rgba(229,9,20,.14);
  --ui-primary-border:rgba(229,9,20,.28);
  --ui-shadow-xs:none;
  --ui-shadow-sm:none;
  --ui-shadow-md:none;
  --ui-shadow-lg:none;
}

.ui-icon{display:block;flex:0 0 auto}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}