/* ═══════════════════════════════════════════════════════════
   منصة منظومة النشاط الطلابي — الرموز التصميمية (Design Tokens)
   لوحة ألوان زمردي/ذهبي راقية + خطوط عربية احترافية
   ═══════════════════════════════════════════════════════════ */

:root,
:root[data-theme="classic-green"] {
  /* ── الهوية ── */
  --pf-em-900: #04241c;
  --pf-em-800: #06342a;
  --pf-em-700: #0a4b3a;
  --pf-em-600: #0d6349;
  --pf-em-500: #12805e;
  --pf-em-300: #4dbf9a;
  --pf-gold-600: #a8871d;
  --pf-gold-500: #c9a227;
  --pf-gold-400: #e0bd4e;
  --pf-gold-300: #f3da93;

  /* ── الأسطح ── */
  --pf-bg: #f1f6f3;
  --pf-bg-2: #e7efeb;
  --pf-card: #ffffff;
  --pf-card-2: #fafcfb;
  --pf-line: #dee9e3;
  --pf-line-soft: #edf3f0;
  --pf-ink: #10241c;
  --pf-muted: #5c7469;

  /* ── الظلال ── */
  --pf-sh-xs: 0 1px 2px rgba(6, 40, 30, .06);
  --pf-sh-sm: 0 2px 8px rgba(6, 40, 30, .07);
  --pf-sh-md: 0 8px 24px -8px rgba(6, 40, 30, .16);
  --pf-sh-lg: 0 22px 48px -18px rgba(6, 40, 30, .3);
  --pf-sh-gold: 0 8px 20px -6px rgba(201, 162, 39, .45);

  /* ── الاستدارة ── */
  --pf-r-sm: 10px;
  --pf-r: 14px;
  --pf-r-lg: 20px;
  --pf-r-xl: 26px;

  /* ── الخطوط ── */
  --pf-font: "Tajawal", "Segoe UI", sans-serif;
  --pf-display: "Readex Pro", "Tajawal", sans-serif;

  /* ── تخطيط ── */
  --pf-sidebar: 272px;
  --pf-topbar: 62px;

  /* ── جسر إلى متغيّرات التطبيق الأصلية ── */
  --g: #0a4b3a;
  --gl: #12805e;
  --gp: #e8f2ee;
  --go: #c9a227;
  --dk: #04241c;
  --tx: #10241c;
  --mu: #5c7469;
  --br: #dee9e3;
  --bg: #f1f6f3;
  --red: #d64550;
  --p: #6a3fa0;
  --teal: #0f766e;
  --sw: 272px;
  --app-font: "Tajawal", sans-serif;
}

/* ═══ الوضع الليلي الفاخر ═══ */
:root[data-theme="midnight-dark"] {
  --pf-bg: #07120f;
  --pf-bg-2: #0a1a15;
  --pf-card: #0e1f19;
  --pf-card-2: #12271f;
  --pf-line: #1d362c;
  --pf-line-soft: #162b23;
  --pf-ink: #e6f2ec;
  --pf-muted: #8aa79a;
  --pf-em-700: #17a377;
  --pf-em-600: #12916a;
  --pf-sh-xs: 0 1px 2px rgba(0, 0, 0, .4);
  --pf-sh-sm: 0 2px 10px rgba(0, 0, 0, .45);
  --pf-sh-md: 0 10px 28px -10px rgba(0, 0, 0, .6);
  --pf-sh-lg: 0 24px 54px -20px rgba(0, 0, 0, .75);

  --g: #2bbd8e;
  --gl: #46d6a6;
  --gp: #102b21;
  --go: #e8c766;
  --dk: #030a07;
  --tx: #e6f2ec;
  --mu: #8aa79a;
  --br: #1d362c;
  --bg: #07120f;
}