/* ════════════════════════════════════════════════════════════════
   01-tokens.css — متغيرات التصميم (نسخة واحدة فقط!)
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Brand */
  --primary: #2B6CB0;
  --primary-dark: #1E4E8C;
  --primary-light: #4A90D9;
  --primary-50: rgba(43, 108, 176, 0.05);
  --primary-100: rgba(43, 108, 176, 0.1);
  --primary-200: rgba(43, 108, 176, 0.18);

  --accent: #E8681C;
  --accent-dark: #C7550F;
  --accent-light: #F28A42;
  --accent-50: rgba(232, 104, 28, 0.05);
  --accent-100: rgba(232, 104, 28, 0.1);

  /* Neutrals */
  --dark: #0B1220;
  --dark-2: #131B2D;
  --dark-3: #1D2942;
  --gray-900: #1F2937;
  --gray-700: #3F4A60;
  --gray-500: #7C879B;
  --gray-400: #A7B0C2;
  --gray-300: #DDE2EC;
  --gray-200: #E9EDF4;
  --gray-100: #F2F5FA;
  --gray-50: #F7F9FC;
  --white: #FFFFFF;

  /* Semantic */
  --surface: #FFFFFF;
  --surface-2: #FAFBFD;
  --surface-raised: #FFFFFF;
  --border: rgba(15, 23, 41, 0.08);
  --border-strong: rgba(15, 23, 41, 0.14);
  --text: #1F2937;
  --text-muted: #6B7590;

  /* Status */
  --success: #10B981;
  --success-bg: rgba(16, 185, 129, 0.1);
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.1);
  --warning: #F59E0B;
  --warning-bg: rgba(245, 158, 11, 0.1);
  --info: #2B6CB0;
  --info-bg: rgba(43, 108, 176, 0.1);

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15, 23, 41, 0.04);
  --shadow-sm: 0 2px 6px rgba(15, 23, 41, 0.05), 0 1px 2px rgba(15, 23, 41, 0.03);
  --shadow-md: 0 8px 20px rgba(15, 23, 41, 0.07), 0 2px 6px rgba(15, 23, 41, 0.04);
  --shadow-lg: 0 20px 40px rgba(15, 23, 41, 0.1), 0 6px 14px rgba(15, 23, 41, 0.05);
  --shadow-xl: 0 32px 60px rgba(15, 23, 41, 0.16);
  --shadow-focus: 0 0 0 4px rgba(43, 108, 176, 0.14);

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --sidebar-width: 272px;

  /* Magic numbers as variables */
  --image-max-mb: 5;
  --jard-file-max-mb: 10;
  --low-stock-threshold: 5;
  --undo-timeout-sec: 10;
}