/* ─────────────────────────────────────────────────────────
   Design tokens — Link POS design system.
   Dark mode is the default (:root); body.light-theme overrides.
   ───────────────────────────────────────────────────────── */
:root {
  --bg-page: #0D0D0F;
  --bg-card: #18181C;
  --bg-card-hover: #1F1F25;
  --bg-input: #222228;
  --bg-sidebar: #111115;
  --bg-sidebar-section: #16161A;
  --text-primary: #F0F0F5;
  --text-secondary: #888899;
  --text-muted: #555566;
  --border-color: #2A2A35;
  --border-hover: #3A3A50;

  --accent: #7C3AED;
  --accent-dark: #5B21B6;
  --accent-secondary: #38BDF8;
  --accent-gradient: linear-gradient(135deg, #7C3AED 0%, #38BDF8 100%);
  --accent-gradient-hover: linear-gradient(135deg, #6D28D9 0%, #0EA5E9 100%);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --danger-soft: rgba(239, 68, 68, .12);
  --info: #3B82F6;
  --teal: #14B8A6;

  /* Stacking order: content < dropdown < backdrop < modal < modal dropdown */
  --z-content: 1;
  --z-dropdown: 100;
  --z-backdrop: 1000;
  --z-modal: 1100;
  --z-modal-dropdown: 1200;
  --z-toast: 1300;

  --font-ar: 'Tajawal', 'Noto Sans Arabic', system-ui, sans-serif;
  --font-en: 'Inter', system-ui, -apple-system, sans-serif;
}

body.light-theme {
  --bg-page: #F0F0F7;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8F8FF;
  --bg-input: #F0F0F7;
  --bg-sidebar: #FAFAFA;
  --bg-sidebar-section: #F5F5FC;
  --text-primary: #0D0D1A;
  --text-secondary: #5A5A7A;
  --text-muted: #64748B;
  --border-color: #E0E0EE;
  --border-hover: #C0C0DD;
}