/* ============================================================
   مودّة — طبقة الهوية 2026 (تبديل شامل للسمة)
   تُحمَّل بعد brand-tokens.css فتتجاوز الرموز الدلاليّة إلى
   لوحة التصميم الجديدة: كحليّ/كريميّ/نحاسيّ + عناوين Amiri.
   التصميم فاتح بطبيعته؛ نفرض اللوحة الدافئة في الوضع الليلي أيضًا
   لتفادي انعكاسٍ غير مقصود. الألوان الوظيفيّة (نجاح/خطأ/تحذير) تبقى.
   ============================================================ */

/* لوحة التصميم كمتغيّرات مرجعيّة */
:root {
  --maw-ink: #22304b;
  --maw-muted: #647087;
  --maw-cream: #faf8f5;
  --maw-paper: #fffaf7;
  --maw-rose: #b87570;
  --maw-copper: #b26f62;
  --maw-blush: #f7e9e4;
  --maw-line: #e7e5e3;
  --maw-night: #202b43;
  --maw-purple: #7a6a91;
  --font-serif: 'Amiri', 'IBM Plex Sans Arabic', Georgia, serif;
}

/* تجاوز الرموز الدلاليّة (فاتح + ليلي + تفضيل النظام) إلى اللوحة الدافئة */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --bg-canvas: #faf8f5;
  --bg-surface: #fffaf7;
  --bg-subtle: #f5efe9;
  --bg-muted: #efe6df;
  --bg-inverse: #202b43;
  --text-primary: #22304b;
  --text-secondary: #3c4761;
  --text-muted: #647087;
  --text-inverse: #faf8f5;
  --text-link: #b26f62;
  --text-on-primary: #ffffff;
  --text-on-accent: #ffffff;
  --text-on-highlight: #ffffff;
  --border-subtle: #e7e5e3;
  --border-default: #ddd8d2;
  --border-strong: #b8b2aa;
  --primary: #b26f62;
  --primary-hover: #9d5f53;
  --primary-active: #8a5147;
  --primary-subtle: #f7e9e4;
  --primary-border: #e7cfc8;
  --accent: #b87570;
  --accent-hover: #c6857f;
  --accent-active: #a5645f;
  --accent-subtle: #f7e9e4;
  --accent-text: #8a5147;
  --highlight: #7a6a91;
  --highlight-subtle: #efeaf3;
  --highlight-text: #5b4f70;
  --focus-ring: #b26f62;
  --focus-offset: #faf8f5;
  --overlay: rgba(34,48,75,0.55);
  --skeleton: #efe6df;
  --skeleton-shine: #f5efe9;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-canvas: #faf8f5;
    --bg-surface: #fffaf7;
    --bg-subtle: #f5efe9;
    --bg-muted: #efe6df;
    --text-primary: #22304b;
    --text-secondary: #3c4761;
    --text-muted: #647087;
    --text-link: #b26f62;
    --border-subtle: #e7e5e3;
    --primary: #b26f62;
    --primary-hover: #9d5f53;
    --accent: #b87570;
    --highlight: #7a6a91;
    color-scheme: light;
  }
}

/* عناوين العلامة بخط Amiri (الطابع التحريريّ للتصميم) */
h1, h2,
.hero-title, .display, .section-title, .page-title {
  font-family: var(--font-serif);
}