/* =====================================================================
   ملف التصميم الوحيد: الألوان والخط.
   غيّر القيم هنا فقط ويتغير شكل كل الشاشات (الحالية والقادمة).
   القيم بصيغة RGB (ثلاثة أرقام) ليعمل معها الشفاف في Tailwind.
   ===================================================================== */
/* الخط Cairo محلياً (رخصة OFL في static/fonts/CAIRO-LICENSE.txt) */
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:400;
  src:url("../fonts/cairo-arabic-400-normal.fc3b3abf178d.woff2") format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:600;
  src:url("../fonts/cairo-arabic-600-normal.465686e677fb.woff2") format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:700;
  src:url("../fonts/cairo-arabic-700-normal.640128b2707a.woff2") format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:400;
  src:url("../fonts/cairo-latin-400-normal.1f8775699abb.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:600;
  src:url("../fonts/cairo-latin-600-normal.997d30a32100.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Cairo'; font-style:normal; font-display:swap; font-weight:700;
  src:url("../fonts/cairo-latin-700-normal.398907c63229.woff2") format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  /* الخط */
  --font-sans: 'Cairo', system-ui, sans-serif;

  /* اللون الأساسي للهوية (أخضر زمردي) */
  --brand-50: 236 253 245;  --brand-100: 209 250 229; --brand-200: 167 243 208;
  --brand-500: 16 185 129;  --brand-600: 5 150 105;   --brand-700: 4 120 87;
  --brand-800: 6 95 70;     --brand-900: 6 78 59;

  /* الرمادي (يُقلب في الوضع الداكن) + خلفية الصفحة وسطح البطاقات والقائمة الجانبية وزر الحفظ */
  --slate-50: 248 250 252; --slate-100: 241 245 249; --slate-200: 226 232 240; --slate-300: 203 213 225;
  --slate-400: 148 163 184; --slate-500: 100 116 139; --slate-600: 71 85 105;  --slate-700: 51 65 85;
  --slate-800: 30 41 59;    --slate-900: 15 23 42;
  --page: 244 247 246; --surface: 255 255 255; --side: 6 78 59; --btn: 4 120 87; --btn-hover: 6 95 70;
  --m: 16 185 129;   /* لون الموديول الحالي (يتغير حسب data-mod) */

  /* ألوان المعنى: نجاح / تنبيه / خطر / معلومة */
  --success-50: 236 253 245; --success-100: 209 250 229; --success-200: 167 243 208;
  --success-500: 16 185 129; --success-600: 5 150 105;   --success-700: 4 120 87;
  --success-800: 6 95 70;    --success-900: 6 78 59;

  --warning-50: 255 251 235; --warning-100: 254 243 199; --warning-200: 253 230 138;
  --warning-500: 245 158 11; --warning-600: 217 119 6;   --warning-700: 180 83 9;
  --warning-800: 146 64 14;  --warning-900: 120 53 15;

  --danger-50: 255 241 242;  --danger-100: 255 228 230;  --danger-200: 254 205 211;
  --danger-500: 244 63 94;   --danger-600: 225 29 72;    --danger-700: 190 18 60;
  --danger-800: 159 18 57;   --danger-900: 136 19 55;

  --info-50: 240 249 255;    --info-100: 224 242 254;    --info-200: 186 230 253;
  --info-500: 14 165 233;    --info-600: 2 132 199;      --info-700: 3 105 161;
  --info-800: 7 89 133;      --info-900: 12 74 110;
}

/* مثال على هوية بديلة (غير مستخدمة الآن): فعّلها بإضافة data-theme="indigo" على وسم <html>.
   مفيدة لاحقاً لو أردت هوية مختلفة لكل عميل. */
[data-theme="indigo"] {
  --brand-50: 238 242 255;  --brand-100: 224 231 255; --brand-200: 199 210 254;
  --brand-500: 99 102 241;  --brand-600: 79 70 229;   --brand-700: 67 56 202;
  --brand-800: 55 48 163;   --brand-900: 49 46 129;
}

/* ====== الوضع الداكن: يُفعَّل بـ data-mode="dark" على <html> (زر في الشريط العلوي، ويتذكر اختيار المستخدم) ====== */
html[data-mode="dark"] {
  color-scheme: dark;
  --slate-50: 24 33 50;   --slate-100: 30 41 59;  --slate-200: 51 65 85;  --slate-300: 71 85 105;
  --slate-400: 100 116 139; --slate-500: 148 163 184; --slate-600: 176 188 204; --slate-700: 203 213 225;
  --slate-800: 226 232 240; --slate-900: 241 245 249;
  --page: 10 15 26; --surface: 17 24 39; --side: 9 30 26; --btn: 5 150 105; --btn-hover: 4 120 87;
  --brand-50: 6 40 32; --brand-600: 16 185 129; --brand-700: 52 211 153; --brand-800: 110 231 183;
  --success-50: 6 40 30;  --success-100: 6 55 40;  --success-200: 6 78 59;  --success-700: 52 211 153; --success-800: 110 231 183; --success-900: 167 243 208;
  --warning-50: 45 32 8;  --warning-100: 66 45 8;  --warning-200: 100 70 12; --warning-700: 251 191 36; --warning-800: 252 211 77;  --warning-900: 253 230 138;
  --danger-50: 60 15 25;  --danger-100: 80 20 32;  --danger-200: 120 28 45;  --danger-700: 252 165 165; --danger-800: 254 202 202; --danger-900: 254 226 226;
  --info-50: 8 40 60;     --info-100: 8 55 80;     --info-200: 12 74 110;    --info-700: 125 211 252; --info-800: 186 230 253;  --info-900: 224 242 254;
}
html[data-mode="dark"] .bg-white { background-color: rgb(var(--surface)); }
html[data-mode="dark"] .bg-white\/90 { background-color: rgb(var(--surface) / .9); }
html[data-mode="dark"] .bg-brand-900 { background-color: rgb(var(--side)); }
html[data-mode="dark"] .bg-brand-100 { background-color: rgb(8 58 45); }
html[data-mode="dark"] .bg-brand-600, html[data-mode="dark"] .bg-brand-700 { background-color: rgb(var(--btn)); }

/* ====== لون لكل موديول (يُحدَّد بـ data-mod على الصفحة وعلى رابط القائمة) ====== */
[data-mod="catalog"]       { --m: 74 222 128; }   /* الأصناف: أخضر فاتح */
[data-mod="inventory"]     { --m: 52 211 153; }   /* المخازن */
[data-mod="partners"]      { --m: 253 224 71; }   /* العملاء والموردون: أصفر فاتح */
[data-mod="accounting"]    { --m: 96 165 250; }   /* المحاسبة: أزرق فاتح */
[data-mod="treasury"]      { --m: 34 211 238; }
[data-mod="sales"]         { --m: 251 146 60; }
[data-mod="purchasing"]    { --m: 167 139 250; }
[data-mod="pos"]           { --m: 248 113 113; }
[data-mod="recipes"]       { --m: 253 186 116; }
[data-mod="petty_cash"]    { --m: 45 212 191; }
[data-mod="budgets"]       { --m: 125 211 252; }
[data-mod="approvals"]     { --m: 129 140 248; }
[data-mod="consolidation"] { --m: 99 102 241; }
[data-mod="einvoice"]      { --m: 56 189 248; }
[data-mod="hr"]            { --m: 244 114 182; }
[data-mod="vehicles"]      { --m: 232 121 249; }
[data-mod="hotel"]         { --m: 192 132 252; }
[data-mod="bookings"]      { --m: 251 191 36; }
[data-mod="patients"]      { --m: 251 113 133; }
[data-mod="insurance"]     { --m: 94 234 212; }
[data-mod="surgery"]       { --m: 244 63 94; }
[data-mod="projects"]      { --m: 163 230 53; }

/* ====== الطباعة: دائماً بالوضع الفاتح (حتى لو كان المستخدم في الداكن) ====== */
@media print {
  html[data-mode="dark"] {
    color-scheme: light;
    --slate-50: 248 250 252; --slate-100: 241 245 249; --slate-200: 226 232 240; --slate-300: 203 213 225;
    --slate-400: 148 163 184; --slate-500: 100 116 139; --slate-600: 71 85 105;  --slate-700: 51 65 85;
    --slate-800: 30 41 59;    --slate-900: 15 23 42;
    --page: 255 255 255; --surface: 255 255 255; --side: 6 78 59; --btn: 4 120 87; --btn-hover: 6 95 70;
    --brand-50: 236 253 245; --brand-600: 5 150 105; --brand-700: 4 120 87; --brand-800: 6 95 70;
    --success-50: 236 253 245; --success-100: 209 250 229; --success-200: 167 243 208; --success-700: 4 120 87; --success-800: 6 95 70; --success-900: 6 78 59;
    --warning-50: 255 251 235; --warning-100: 254 243 199; --warning-200: 253 230 138; --warning-700: 180 83 9; --warning-800: 146 64 14; --warning-900: 120 53 15;
    --danger-50: 255 241 242; --danger-100: 255 228 230; --danger-200: 254 205 211; --danger-700: 190 18 60; --danger-800: 159 18 57; --danger-900: 136 19 55;
    --info-50: 240 249 255; --info-100: 224 242 254; --info-200: 186 230 253; --info-700: 3 105 161; --info-800: 7 89 133; --info-900: 12 74 110;
  }
  html[data-mode="dark"] .bg-brand-100 { background-color: rgb(var(--brand-100)); }
}