/* ثيم عالم ريحانة — هوية «Joy v11» من النظام القديم (raihana.world): أخضر ونعناع مع مرجان وشمس وبنفسجي وسماء ووردي، RTL. المتغيرات هنا هي المصدر الوحيد للألوان (محرر الثيم في الوحدة ١٣ يعيد كتابتها). */
/* الخطوط ذاتية الاستضافة بترخيص SIL OFL (النصوص في fonts/OFL-*.txt)، جزءان عربي ولاتيني لكل خط؛ لا طلب خارجياً وقت التشغيل. */
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url("../assets/fonts/readex-pro-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-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:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url("../assets/fonts/readex-pro-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("../assets/fonts/baloo-bhaijaan-2-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-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:"Baloo Bhaijaan 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("../assets/fonts/baloo-bhaijaan-2-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* الهوية: الأخضر الأساسي والنعناع. brand-edge حافة الأزرار المجسّمة، brand-text لون النص فوق الخلفية الخفيفة (يُفتَّح في الليلي) */
  --brand:#087c53; --brand-deep:#056342; --brand-edge:#045334; --brand-ink:#123e2d; --brand-text:#056342; --brand-soft:#e5f3eb; --brand-tint:#f0f8f3;
  --mint:#d6f5e8; --mint-2:#b4ecd3;
  /* المرجان هو لون التمييز الثانوي: accent-deep للنص فوق الخفيف، accent-edge حافة الزر، on-accent نص الزر المرجاني */
  --accent:#f87926; --accent-deep:#a4420c; --accent-edge:#e76a19; --accent-soft:#fff0e5; --on-accent:#45210b;
  /* ألوان المرح لكل منها أساسي / خفيف / نص داكن. من النظام القديم: المرجان والشمس والبنفسجي والسماء والوردي والخفيف والنص للأزرق المخضر والخوخي والرمادي المزرق؛ أما أساسيّات هذه الثلاثة الأخيرة فتقدير */
  --coral:#ff8a65; --coral-soft:#ffe6dc; --coral-ink:#b8401d; --coral-edge:#e0673f;
  --sun:#ffc83d; --sun-soft:#fff3c4; --sun-ink:#8a5a00; --sun-edge:#dba21c;
  --lilac:#7b61ff; --lilac-deep:#6a4fe6; --lilac-soft:#ece8ff; --lilac-ink:#5b45d6;
  --sky:#2b8fd9; --sky-soft:#ddf0ff; --sky-ink:#1b6aa8;
  --pink:#ff6fa5; --pink-soft:#ffe2ee; --pink-ink:#b0265d;
  --teal:#18a89c; --teal-soft:#d4f4f1; --teal-ink:#0b6a66;
  --peach:#ffab4d; --peach-soft:#ffe9cc; --peach-ink:#9a4d00;
  --slate:#6b7f8c; --slate-soft:#e8edf0; --slate-ink:#3d4f5c;
  --gold:#ffc83d;
  /* الأسطح والنص */
  --bg:#f5f6f7; --card:#ffffff; --card-2:#f0f3f2; --line:#e1e7e4; --line-strong:#bdcac3;
  --ink:#17281f; --muted:#596b61; --faint:#64766c; --inverse:#ffffff;
  /* الحالات */
  --ok:#167259; --ok-soft:#d6f5e8; --warn:#a66300; --warn-soft:#fff3c4; --danger:#a33a32; --danger-soft:#fde4e0; --info:#1b6aa8; --info-soft:#ddf0ff;
  /* الظلال والزوايا: عناصر التحكم ١٦، البطاقات ٢٤، الرؤوس والنوافذ ٢٦ */
  --shadow:0 18px 50px rgba(22,44,32,.12); --soft-shadow:0 3px 15px rgba(22,44,32,.035);
  --radius:20px; --radius-sm:12px; --radius-lg:24px; --radius-xs:8px;
  --bounce:cubic-bezier(.2,.7,.3,1);
  /* تدرّج بطاقة الترحيب في الصفحة الرئيسية (من النظام القديم) */
  --hero-a:#0b6b5c; --hero-b:#06473e; --hero-c:#052f2a;
  /* الخطوط: النص Readex Pro، والعناوين والأزرار والعناوين الفرعية Baloo Bhaijaan 2 */
  --font-body:"Readex Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  --font-display:"Readex Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  --font-brand:"Baloo Bhaijaan 2","Readex Pro",Tahoma,Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  /* المقاسات */
  --nav-w:236px; --topbar-h:76px; --gap:16px;
  color-scheme: light;
}
:root[data-theme="dark"]{
  --bg:#0f1a17; --card:#152420; --card-2:#1a2b26; --line:#24403a; --line-strong:#38564f;
  --ink:#e9f2ee; --muted:#9db3ab; --faint:#6f857e;
  --brand-text:#7be3c0; --brand-soft:#17382f; --brand-tint:#132a24; --mint:#17382f; --mint-2:#1f4a3d;
  --accent-soft:#3b2416; --accent-deep:#ffa88e;
  --coral-soft:#3b2218; --coral-ink:#ffa88e; --sun-soft:#3a3010; --sun-ink:#ffd873; --lilac-soft:#2a2450; --lilac-ink:#b6a8ff;
  --sky-soft:#14304a; --sky-ink:#7cc3f5; --pink-soft:#3f1a2b; --pink-ink:#ff9bc2; --teal-soft:#123a38; --teal-ink:#7fded8;
  --peach-soft:#3b2a12; --peach-ink:#ffbf75; --slate-soft:#232e35; --slate-ink:#b4c4cf;
  --ok-soft:#163a30; --warn-soft:#3a2b10; --danger-soft:#3b1a17; --info-soft:#15293a;
  --shadow:0 18px 55px rgba(0,0,0,.45); --soft-shadow:0 8px 28px rgba(0,0,0,.35);
  color-scheme: dark;
}