/*
 * رموز هوية نمليه — ألوان وخطوط ووضع ليلي.
 *
 * مفصولة عن `style.css` عمدًا: لوحة التحكّم تحتاج هذه الرموز فقط، وكانت
 * تُحمّل الملف كاملًا لأجلها فترث معه قواعد قشرة التطبيق الخاصة بصفحة
 * الزبون — ومنها `html, body { overflow: hidden }` التي **منعت اللوحة من
 * التمرير تمامًا**: المحتوى ٢١٦١ بكسل و`scrollHeight` عالق على ارتفاع
 * النافذة، فكل ما تحت الطيّة غير قابل للوصول.
 */

@font-face {
    font-family: "system-arabic";
    src: local("SF Arabic Rounded"), local("SF Arabic"), local("Segoe UI"), local("Tahoma");
  }

  :root {
    --bg: #F7F0E4;
    --surface: #ECDEC5;
    --surface-2: #E2CFAE;
    --card-a: #4F5A40;
    --card-b: #69754F;
    --on-card: #E8D3B6;
    --on-card-muted: rgba(232,211,182,0.72);
    --text: #3B4030;
    --text-muted: #8C7B5C;
    --accent: #565F44;
    --accent-ink: #F7F0E4;
    --plate: #2C3122;
    --plate-rim: rgba(232,211,182,0.16);
    --header-bg: rgba(247,240,228,0.88);
    --nav-active-text: #F7F0E4;
    --shadow: 0 20px 34px -20px rgba(44,49,34,0.45);
    --shadow-sm: 0 16px 26px -14px rgba(44,49,34,0.38);
    --ring: rgba(59,64,48,0.1);
    --font-display: "Thmanyah", "system-arabic", -apple-system, "Segoe UI", Tahoma, sans-serif;
    --font-body: "Thmanyah", "system-arabic", -apple-system, "Segoe UI", Tahoma, sans-serif;
    color-scheme: light;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #1B1D15;
      --surface: #292B1F;
      --surface-2: #33351F;
      --card-a: #4B5539;
      --card-b: #5C6847;
      --on-card: #EFE2C9;
      --on-card-muted: rgba(239,226,201,0.72);
      --text: #E9DFC7;
      --text-muted: #B0A07E;
      --accent: #93A06E;
      --accent-ink: #1E2015;
      --plate: #14150F;
      --plate-rim: rgba(255,255,255,0.08);
      --header-bg: rgba(27,29,21,0.88);
      --nav-active-text: #1E2015;
      --shadow: 0 20px 36px -18px rgba(0,0,0,0.6);
      --shadow-sm: 0 16px 28px -14px rgba(0,0,0,0.5);
      --ring: rgba(255,255,255,0.08);
      color-scheme: dark;
    }
  }

  :root[data-theme="dark"] {
    --bg: #1B1D15;
    --surface: #292B1F;
    --surface-2: #33351F;
    --card-a: #4B5539;
    --card-b: #5C6847;
    --on-card: #EFE2C9;
    --on-card-muted: rgba(239,226,201,0.72);
    --text: #E9DFC7;
    --text-muted: #B0A07E;
    --accent: #93A06E;
    --accent-ink: #1E2015;
    --plate: #14150F;
    --plate-rim: rgba(255,255,255,0.08);
    --header-bg: rgba(27,29,21,0.88);
    --nav-active-text: #1E2015;
    --shadow: 0 20px 36px -18px rgba(0,0,0,0.6);
    --shadow-sm: 0 16px 28px -14px rgba(0,0,0,0.5);
    --ring: rgba(255,255,255,0.08);
    color-scheme: dark;
  }

  :root[data-theme="light"] {
    --bg: #F7F0E4;
    --surface: #ECDEC5;
    --surface-2: #E2CFAE;
    --card-a: #4F5A40;
    --card-b: #69754F;
    --on-card: #E8D3B6;
    --on-card-muted: rgba(232,211,182,0.72);
    --text: #3B4030;
    --text-muted: #8C7B5C;
    --accent: #565F44;
    --accent-ink: #F7F0E4;
    --plate: #2C3122;
    --plate-rim: rgba(232,211,182,0.16);
    --header-bg: rgba(247,240,228,0.88);
    --nav-active-text: #F7F0E4;
    --shadow: 0 20px 34px -20px rgba(44,49,34,0.45);
    --shadow-sm: 0 16px 26px -14px rgba(44,49,34,0.38);
    --ring: rgba(59,64,48,0.1);
    color-scheme: light;
  }