/* ثلوثية البراح — Design Tokens v1.0
   فاتح افتراضي · داكن تحت [data-theme="dark"] */

:root {
  /* الأساس */
  --barah-bg: #F3F2EC;
  --barah-surface: #FDFCF8;
  --barah-surface-2: #FFFFFF;
  --barah-text: #141613;
  --barah-text-muted: #84836F;

  /* البراند */
  --barah-accent: #12A150;          /* أخضر البراح */
  --barah-accent-contrast: #FDFCF8; /* نص فوق الأخضر */
  --barah-chip-ink: #FDFCF8;        /* نص ثابت فوق شرائح التصنيف (لا يتبدّل بالداكن) */
  --barah-border: #DEDCD0;

  /* حالات */
  --barah-success: #12A150;
  --barah-danger: #C0392B;

  /* ألوان التصنيفات (عائلة الطيف) */
  --barah-cat-tech: #12A150;    /* تقنية */
  --barah-cat-econ: #E0A32E;    /* اقتصاد */
  --barah-cat-phil: #2E5BDB;    /* فلسفة */
  --barah-cat-psych: #C24B7A;   /* نفسيات */
  --barah-cat-econ-contrast: #3F2E09;

  /* الخطوط */
  --barah-font-display: "Baloo Bhaijaan 2", "Tajawal", system-ui, sans-serif;
  --barah-font-body: "Tajawal", system-ui, sans-serif;
  --barah-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* أحجام الخط */
  --barah-fs-hero: clamp(34px, 6vw, 56px);
  --barah-fs-h1: clamp(28px, 4.5vw, 40px);
  --barah-fs-h2: clamp(22px, 3.5vw, 28px);
  --barah-fs-h3: clamp(17px, 2.5vw, 20px);
  --barah-fs-body: 16px;
  --barah-fs-small: 13px;

  /* ارتفاع السطر */
  --barah-lh-tight: 1.3;
  --barah-lh-normal: 1.6;
  --barah-lh-loose: 1.9;

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

  /* الزوايا */
  --barah-radius-sm: 6px;
  --barah-radius-md: 12px;
  --barah-radius-lg: 24px;

  /* الظلال */
  --barah-shadow-1: 0 2px 8px rgba(20, 22, 19, 0.07);
  --barah-shadow-2: 0 8px 24px rgba(20, 22, 19, 0.14);
  /* الظل المصمت — توقيع التذاكر: 4px 4px 0 بلون التصنيف */
}

[data-theme="dark"] {
  /* فحمي دافئ (معتمد 2026-07-11) */
  --barah-bg: #181A12;
  --barah-surface: #20241A;
  --barah-surface-2: #282D20;
  --barah-text: #EDEADD;
  --barah-text-muted: #9C9A83;

  --barah-accent: #43B871;
  --barah-accent-contrast: #0F120C;
  --barah-chip-ink: #F5F3E9;
  --barah-border: #343A2B;

  --barah-success: #43B871;
  --barah-danger: #E0664F;

  --barah-cat-tech: #43B871;
  --barah-cat-econ: #E8B45A;
  --barah-cat-econ-contrast: #2A1F06;
  --barah-cat-phil: #6F8FEA;
  --barah-cat-psych: #D98CAE;

  --barah-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --barah-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.5);
}