/* ============================================================
   مِرْقاة — الرموز التصميمية
   ============================================================ */

:root {
  color-scheme: light;

  /* الحبر */
  --ink-900: #0E1B1F;
  --ink-800: #16282E;
  --ink-700: #22383F;
  --ink-600: #354B52;
  --ink-500: #4A5F66;
  --ink-400: #6B7F85;
  --ink-300: #8A9AA0;

  /* الحجر */
  --sand-50: #FBF8F3;
  --sand-100: #F4EEE4;
  --sand-200: #E9E0D2;
  --sand-300: #D9CCB8;

  /* النيل */
  --nile-700: #0A544E;
  --nile-600: #0E6B63;
  --nile-500: #138178;
  --nile-100: #DCEFEC;

  /* الزعفران */
  --saffron-600: #A86F1C;
  --saffron-500: #C98A2B;
  --saffron-100: #F7EBD3;

  /* الطين */
  --clay-600: #B04A28;
  --clay-100: #F6E2D8;

  /* الحالات */
  --success: #1F7A4D;
  --warn: #B26A00;
  --error: #A32A2A;

  /* الأسطح */
  --surface: #FFFFFF;
  --surface-2: var(--sand-50);
  --surface-3: var(--sand-100);
  --text: var(--ink-900);
  --text-muted: var(--ink-500);
  --text-invert: #FFFFFF;

  --border: rgba(14, 27, 31, 0.12);
  --border-strong: rgba(14, 27, 31, 0.22);

  /* المسافات */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* الأقطار */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* الظلال */
  --shadow-sm: 0 1px 2px rgba(14, 27, 31, 0.06);
  --shadow-md: 0 8px 28px rgba(14, 27, 31, 0.08);

  /* الخطوط */
  --font-display: 'Alexandria', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;

  /* القياسات */
  --container: 1120px;
  --header-h: 72px;

  /* الحركة */
  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}
