/* ═══════════════════════════════════════════════════════════════
   brand-palette.css — نظام ألوان وتد المعتمد كاملًا (٩ أكتوبر ٢٠٢٦)
   ───────────────────────────────────────────────────────────────
   المرجع: «الألوان المعتمدة بالتدريج (الألوان الكاملة).pdf»
   • الألوان الأساسيّة السبع مقفلة كما هي.
   • لكلّ لون عشر درجات (50 → 900)؛ الدرجة 500 هي اللون الأصليّ.
   • 50–200 للخلفيّات والفواصل، 700–900 للنصوص.
   • الألوان الوظيفيّة (نجاح/تحذير/خطأ/معلومة) لمعناها فقط.
   • الورديّ (Blush / Rose / Plum) خاصّ ببرامج النساء.

   يُحمَّل بعد visual-v2.css فيوحّد المتغيّرات القديمة على الهويّة:
   كانت ثلاث طبقات ألوان تعمل معًا — هويّة v2، وpublic.css القديم
   (رماديّ وأخضر وأحمر وأزرق جاهزة)، ولون كحليّ مضبوط في الإعدادات
   (#17395c) بدل الرسميّ (#132a4a).
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ─── 01 الألوان الأساسيّة (مقفلة) ─── */
  --wc-navy-50:#e8e7e4; --wc-navy-100:#d5d6d6; --wc-navy-200:#abb1b8; --wc-navy-300:#7d8897; --wc-navy-400:#4a5b72;
  --wc-navy-500:#132a4a; --wc-navy-600:#132640; --wc-navy-700:#132236; --wc-navy-800:#141d2b; --wc-navy-900:#141921;

  --wc-deep-50:#e7e7e4; --wc-deep-100:#d4d6d8; --wc-deep-200:#aab1bb; --wc-deep-300:#7b889b; --wc-deep-400:#475b78;
  --wc-deep-500:#0e2a52; --wc-deep-600:#0f2646; --wc-deep-700:#10223b; --wc-deep-800:#111d2f; --wc-deep-900:#121923;

  --wc-steel-50:#ebeae7; --wc-steel-100:#dbdcdd; --wc-steel-200:#b9bec6; --wc-steel-300:#929dac; --wc-steel-400:#687890;
  --wc-steel-500:#3a5072; --wc-steel-600:#334561; --wc-steel-700:#2c3a4f; --wc-steel-800:#252e3d; --wc-steel-900:#1e232b;

  --wc-brown-50:#efe9e2; --wc-brown-100:#e3dbd4; --wc-brown-200:#c9bcb3; --wc-brown-300:#ad9a8e; --wc-brown-400:#8d7466;
  --wc-brown-500:#6b4a3a; --wc-brown-600:#5b4033; --wc-brown-700:#4c362c; --wc-brown-800:#3b2c24; --wc-brown-900:#2b211c;

  --wc-gold-50:#f6f0e6; --wc-gold-100:#f2eadb; --wc-gold-200:#e8dbc3; --wc-gold-300:#decaa8; --wc-gold-400:#d2b88a;
  --wc-gold-500:#c6a46a; --wc-gold-600:#a68a5a; --wc-gold-700:#86704a; --wc-gold-800:#64543a; --wc-gold-900:#423929;

  --wc-beige-50:#f9f5ef; --wc-beige-100:#f8f4ec; --wc-beige-200:#f6f0e7; --wc-beige-300:#f3ece1; --wc-beige-400:#f0e8da;
  --wc-beige-500:#ede3d3; --wc-beige-600:#c6beb0; --wc-beige-700:#9f988e; --wc-beige-800:#767169; --wc-beige-900:#4c4944;

  --wc-charcoal-50:#e8e5e0; --wc-charcoal-100:#d6d4cf; --wc-charcoal-200:#aeaca8; --wc-charcoal-300:#81807d; --wc-charcoal-400:#504f4e;
  --wc-charcoal-500:#1a1a1a; --wc-charcoal-600:#191919; --wc-charcoal-700:#181717; --wc-charcoal-800:#171616; --wc-charcoal-900:#161514;

  /* ─── 03 الألوان الثانويّة (للوسوم والرسوم والتمييز، لا للمساحات الكبيرة) ─── */
  --wc-sage-50:#efede5; --wc-sage-100:#e4e3d9; --wc-sage-200:#cacdbf; --wc-sage-300:#aeb4a2; --wc-sage-400:#909981;
  --wc-sage-500:#6e7b5e; --wc-sage-600:#5e6850; --wc-sage-700:#4e5643; --wc-sage-800:#3c4234; --wc-sage-900:#2b2e26;

  --wc-terracotta-50:#f4ebe4; --wc-terracotta-100:#ede0d6; --wc-terracotta-200:#dec5b9; --wc-terracotta-300:#cea897; --wc-terracotta-400:#bc8873;
  --wc-terracotta-500:#a9654b; --wc-terracotta-600:#8e5641; --wc-terracotta-700:#734736; --wc-terracotta-800:#57382c; --wc-terracotta-900:#3b2821;

  --wc-slate-50:#f1eee7; --wc-slate-100:#e8e5de; --wc-slate-200:#d4d0c8; --wc-slate-300:#beb9b0; --wc-slate-400:#a5a095;
  --wc-slate-500:#8a8478; --wc-slate-600:#757066; --wc-slate-700:#605b53; --wc-slate-800:#494640; --wc-slate-900:#33302d;

  /* ─── 04 برامج النساء ─── */
  --wc-blush-50:#f6f0ea; --wc-blush-100:#f2e8e3; --wc-blush-200:#e9d7d3; --wc-blush-300:#dec5c1; --wc-blush-400:#d3b0ad;
  --wc-blush-500:#c79a98; --wc-blush-600:#a78280; --wc-blush-700:#876968; --wc-blush-800:#65504e; --wc-blush-900:#433635;
  --wc-rose-50:#f4ede9; --wc-rose-100:#eee3e0; --wc-rose-200:#e1cdcd; --wc-rose-300:#d2b4b8; --wc-rose-400:#c298a0;
  --wc-rose-500:#b07a87; --wc-rose-600:#946772; --wc-rose-700:#78555d; --wc-rose-800:#5a4147; --wc-rose-900:#3d2e30;
  --wc-plum-50:#efe9e5; --wc-plum-100:#e4dbd8; --wc-plum-200:#cabbbc; --wc-plum-300:#ae989d; --wc-plum-400:#90717b;
  --wc-plum-500:#6e4756; --wc-plum-600:#5e3e4a; --wc-plum-700:#4e343e; --wc-plum-800:#3d2a31; --wc-plum-900:#2b2124;

  /* ─── 05 الألوان الوظيفيّة: 500 للأيقونات والحدود، 100 لخلفيّة الرسالة، 700 لنصّها ─── */
  --wc-success-50:#eeece5; --wc-success-100:#e1e2d8; --wc-success-200:#c5cabc; --wc-success-500:#5e7355; --wc-success-600:#516249; --wc-success-700:#43503d;
  --wc-warning-50:#f5eee3; --wc-warning-100:#f1e6d4; --wc-warning-200:#e6d2b4; --wc-warning-500:#c08a3e; --wc-warning-600:#a17536; --wc-warning-700:#825f2e;
  --wc-error-50:#f3e9e3;   --wc-error-100:#ecdbd4;   --wc-error-200:#dcbcb3;   --wc-error-500:#a24a3c;   --wc-error-600:#884034;   --wc-error-700:#6f362d;
  --wc-info-50:#ececea;    --wc-info-100:#dee0e2;    --wc-info-200:#c0c7d1;    --wc-info-500:#4e6a94;    --wc-info-600:#445a7d;    --wc-info-700:#394b65;

  /* ─── قفل الألوان الأساسيّة: إعدادات الهويّة في لوحة الإدارة تضع الكحليّ #17395c ─── */
  --brand-primary-1: #132a4a;
  --navy:            #132a4a;
  --gold:            #c6a46a;

  /* ─── المتغيّرات القديمة في assets_public/css/public.css (كانت ألوانًا جاهزة باردة) ─── */
  --bg:           #f9f5ef;   /* beige-50 بدل الرماديّ البارد #f9fafb */
  --text:         #1a1a1a;   /* charcoal */
  --text-muted:   #4a5b72;   /* navy-400 (تباين ٦٫٤:١) بدل #6b7280 */
  --text-light:   #929dac;   /* steel-300 */
  --border:       #e8e5de;   /* slate-100 */
  --border-light: #f1eee7;   /* slate-50 */
  --success:      #5e7355;
  --warn:         #c08a3e;
  --danger:       #a24a3c;
  --info:         #4e6a94;

  /* ─── المشتقّات في visual-v2.css تُردّ إلى درجات الهويّة ─── */
  --v2-steel-soft:  #4a5b72; /* كان #5a7299 (خارج الهويّة) — navy-400، تباين ٦٫٤:١ على الورق */
  --v2-steel-pale:  #dbdcdd; /* steel-100 */
  --v2-brown-soft:  #8d7466; /* brown-400 */
  --v2-gold-soft:   #d2b88a; /* gold-400 */
  --v2-gold-deep:   #a68a5a; /* gold-600 */
  --v2-paper:       #f9f5ef; /* beige-50 */
  --v2-beige-warm:  #f2eadb; /* gold-100 */
  --v2-ink-soft:    #504f4e; /* charcoal-400 */
}

/* ─── الرسائل (flash) بالألوان الوظيفيّة المعتمدة ─── */
.flash.success { background: var(--wc-success-100) !important; color: var(--wc-success-700) !important; border-color: var(--wc-success-200) !important; }
.flash.error   { background: var(--wc-error-100)   !important; color: var(--wc-error-700)   !important; border-color: var(--wc-error-200)   !important; }
.flash.warning, .flash.warn { background: var(--wc-warning-100) !important; color: var(--wc-warning-700) !important; border-color: var(--wc-warning-200) !important; }
.flash.info    { background: var(--wc-info-100)    !important; color: var(--wc-info-700)    !important; border-color: var(--wc-info-200)    !important; }