/* =================================================================
   صدى (Sada) — Brand source of truth (هوية صدى المركزية)
   كل الألوان والخطوط واسم المنتج وشعار العلامة تُدار من هنا فقط.
   لتغيير الألوان: عدّل متغيّرات :root أدناه.
   لتغيير اسم المنتج: عدّل --brand-name.
   لتغيير الشعار (الرمز): استبدل ملف /assets/logo.svg وحده.
   أي تعديل ينعكس تلقائياً على جميع الصفحات التي تربط هذا الملف.
   ================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  /* اسم المنتج (مصدر مركزي للوردمارك) */
  --brand-name:"صدى";

  /* الألوان الأساسية */
  --indigo:#5865F2;
  --indigo-deep:#4A52D6;
  --indigo-700:#3C45A5;
  --violet:#7C6BF5;
  --violet-soft:#B9A8F7;
  --indigo-soft:#ECE9FD;
  --indigo-tint:#F5F3FE;
  --pink:#F4D3F5;
  --pink-soft:#FBEFFB;
  --pink-tint:#FBF3FB;
  --mint:#E0E9FF;
  --peach:#FBE3F4;

  /* الحبر والأسطح */
  --ink:#0F172A;
  --ink-2:#1E293B;
  --ink-soft:#4B4D6B;
  --ink-mute:#7A7C9A;
  --muted:#5B6680;
  --bg:#F4F4FA;
  --white:#FFFFFF;
  --line:#E9E5F8;
  --line-2:#F0EDFB;
  --field:#FCFCFE;
  --danger:#D33A4B;

  /* الظلال والإضاءة */
  --shadow-sm:0 4px 16px -6px rgba(60,50,140,.12);
  --shadow:0 18px 48px -18px rgba(60,50,140,.22), 0 6px 16px -10px rgba(60,50,140,.12);
  --shadow-lg:0 44px 100px -34px rgba(88,72,200,.45);
  --glow:0 14px 34px -10px rgba(124,107,245,.55);

  /* التدرّج والزوايا والحركة والخطوط */
  --grad:linear-gradient(135deg,#5865F2,#7C6BF5 50%,#C77DF0);
  --r:22px;
  --r-lg:28px;
  --r-sm:14px;
  --display:'Alexandria', sans-serif;
  --body:'IBM Plex Sans Arabic', sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- شعار صدى (lockup موحّد: الرمز + الوردمارك) ----------
   الرمز يأتي من /assets/logo.svg (ملف واحد قابل للاستبدال).
   الوردمارك نصّ يُرسم بخط Alexandria واسمه من --brand-name. */
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;
  font-family:var(--display);font-weight:800;line-height:1}
.brand .brand-mark{flex:none;display:block;width:38px;height:38px}
.brand .brand-name{font-size:1.5rem;letter-spacing:-.5px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .brand-name::after{content:var(--brand-name)}

/* مقاس أكبر لصفحات الدخول/التسجيل (شعار متمركز) */
.brand.brand-lg{flex-direction:column;gap:12px}
.brand.brand-lg .brand-mark{width:52px;height:52px}
.brand.brand-lg .brand-name{font-size:1.9rem}