/* ============================================================
   Halfa Antique — Design Tokens
   ملف المتغيرات: الألوان + الخطوط + المسافات + الظلال
   ============================================================ */

:root {
  /* ---- Brand Colors ---- */
  --color-bg: #FAF8F5;          /* أوف وايت دافئ */
  --color-surface: #FFFFFF;     /* خلفيات الكروت */
  --color-surface-2: #F3EFE9;   /* خلفية ثانوية */
  --color-primary: #C8B89A;     /* بيج رملي */
  --color-primary-dark: #A8966F;
  --color-text: #2C1810;        /* بني فحمي */
  --color-text-soft: #6E5D52;   /* نص ثانوي */
  --color-muted: #9A8B7E;       /* نص خافت */
  --color-secondary: #6B7C5C;   /* أخضر زيتوني */
  --color-accent: #B8960C;      /* ذهبي هادئ */
  --color-line: #E7E0D6;        /* حدود/فواصل */
  --color-danger: #B4453B;
  --color-success: #5C7C5C;
  --color-warning: #B8860B;

  /* خلفيات شفافة */
  --overlay: rgba(44, 24, 16, 0.55);
  --glass: rgba(255, 255, 255, 0.72);

  /* ---- Typography ---- */
  --font-arabic: 'Cairo', 'Segoe UI', sans-serif;
  --font-english: 'Inter', 'Segoe UI', sans-serif;
  --font-base: var(--font-arabic);

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-hero: clamp(2.25rem, 6vw, 4.5rem);

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-base: 1.6;

  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* ---- Layout ---- */
  --container: 1240px;
  --container-narrow: 880px;
  --header-h: 72px;

  /* ---- Radius ---- */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ---- Shadows (هادئة/premium) ---- */
  --shadow-xs: 0 1px 2px rgba(44, 24, 16, 0.04);
  --shadow-sm: 0 2px 8px rgba(44, 24, 16, 0.06);
  --shadow: 0 8px 28px rgba(44, 24, 16, 0.08);
  --shadow-lg: 0 18px 50px rgba(44, 24, 16, 0.12);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 600ms;

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* وضع ليلي اختياري للأدمن لاحقاً — نتركه كـ hook */
[data-theme='dark'] {
  --color-bg: #1A1410;
  --color-surface: #221B15;
  --color-text: #F3EFE9;
  --color-text-soft: #C8B89A;
  --color-line: #3A2F26;
}