/* =========================================================================
   هوية «مكتبلي» الجديدة للموقع التجريبي (كحلي #20243D · مرجاني #C24E3B (أغمق للتباين — FE-11) · أبيض دافئ #FFFCF7)
   ⚠️ يتحمّل فقط لما DEMO_MODE=true (resources/views/site/includes/header.blade.php)،
   فمواقع المكاتب العميلة تفضل بألوانها. الملف بيعيد تعريف متغيّرات style.css وaed.css بس،
   ومن غير ما يلمس تركيب الصفحات.
   ========================================================================= */

:root {
  --background: #FFFCF7;
  --foreground: #20243D;
  --card: #FFFFFF;
  --card-foreground: #20243D;
  --popover: #FFFFFF;
  --popover-foreground: #20243D;

  --primary: #20243D;
  --primary-foreground: #FFFCF7;
  --primary-soft: #2E3456;

  --secondary: #F5EFE8;
  --secondary-foreground: #20243D;
  --muted: #F5EFE8;
  --muted-foreground: #62657D;
  --accent: #F8E9E4;
  --accent-foreground: #20243D;

  /* الاسم «gold» محفوظ من التصميم الأصلي؛ القيمة الآن مرجاني الهوية */
  --gold: #C24E3B;
  --gold-foreground: #FFFFFF;

  --border: #ECE2D9;
  --input: #ECE2D9;
  --ring: #C24E3B;

  --gradient-gold: linear-gradient(135deg, #C94A36 0%, #C24E3B 50%, #A8402F 100%); /* أغمق علشان النص الأبيض يعدّي معيار التباين (FE-11) */
  --gradient-hero: linear-gradient(135deg, #14172A 0%, #20243D 60%, #2E3456 100%);
  --gradient-overlay: linear-gradient(180deg, rgba(20, 23, 42, .25) 0%, rgba(20, 23, 42, .88) 100%);

  --shadow-soft: 0 4px 20px -4px rgba(32, 36, 61, .16);
  --shadow-elegant: 0 20px 50px -20px rgba(32, 36, 61, .42);
  --shadow-gold: 0 12px 34px -12px rgba(194, 78, 59, .5);

  --font-sans: "IBM Plex Sans Arabic", "Readex Pro", system-ui, -apple-system, sans-serif;
  --font-head: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;

  --bs-primary-rgb: 32, 36, 61;
  --bs-body-font-family: var(--font-sans);
  --bs-body-bg: #FFFCF7;
  --bs-body-color: #20243D;
  --bs-border-color: #ECE2D9;
  --bs-link-color: #C24E3B;
  --bs-link-color-rgb: 194, 78, 59;
  --bs-link-hover-color: #C24E3B;
  --bs-link-hover-color-rgb: 194, 78, 59;
}

body {
  font-family: var(--font-sans);
  background-color: var(--background);
  background-image:
    radial-gradient(1100px 560px at 100% -10%, rgba(242, 120, 102, .08), transparent 65%),
    radial-gradient(900px 480px at 0% 8%, rgba(32, 36, 61, .04), transparent 62%);
}
h1, h2, h3, h4, h5, .fw-black, .section-title, .ke-section-title { font-family: var(--font-head); letter-spacing: -.01em; }
::selection { background: color-mix(in oklab, var(--gold) 25%, transparent); }

/* تدرّجات ذهبية كانت مكتوبة بقيم ثابتة في aed.css */
.text-gradient-gold { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: var(--gold) !important; -webkit-text-fill-color: currentColor !important; }

.dalni-nav-cta, .mobile-nav-link.dalni-mobile { background: var(--gradient-gold) !important; color: var(--gold-foreground) !important; }
.dalni-nav-cta .dalni-nav-badge { background: #fff !important; color: #C24E3B !important; }

/* أزرار Bootstrap الأساسية */
.btn-primary { --bs-btn-bg: var(--primary); --bs-btn-border-color: var(--primary); --bs-btn-color: var(--primary-foreground); --bs-btn-hover-bg: color-mix(in oklab, var(--primary) 85%, #fff); --bs-btn-hover-border-color: color-mix(in oklab, var(--primary) 85%, #fff); --bs-btn-active-bg: color-mix(in oklab, var(--primary) 80%, #000); --bs-btn-active-border-color: color-mix(in oklab, var(--primary) 80%, #000); }
.btn-warning { --bs-btn-bg: var(--gold); --bs-btn-border-color: var(--gold); --bs-btn-color: var(--gold-foreground); --bs-btn-hover-bg: color-mix(in oklab, var(--gold) 88%, #000); --bs-btn-hover-border-color: color-mix(in oklab, var(--gold) 88%, #000); --bs-btn-hover-color: var(--gold-foreground); }
.form-control:focus, .form-select:focus { border-color: var(--gold); box-shadow: 0 0 0 .25rem color-mix(in oklab, var(--gold) 18%, transparent); }
.form-check-input:checked { background-color: var(--gold); border-color: var(--gold); }

/* الحركة: نفس منحنى صفحات المنصة */
a, .btn, button { transition-timing-function: cubic-bezier(.16, 1, .3, 1); }

/* مساحات لمس مريحة على الجوال (روابط الفوتر، «المزيد»، المسار) — بدون تغيير الشكل */
@media (max-width: 767.98px) {
  .footer-link, .ke-dcard-more, .ke-proj-link, .breadcrumb a, .breadcrumb-item a, .ke-cover-eyebrow a, [class*="breadcrumb"] a, .ke-bc-inner a, .ke-lhero-body .ke-flex-center > a { display: inline-block; padding-block: 8px; margin-block: -8px; }
}