/* ==========================================================================
   tokens.css — نقطة التحكم الوحيدة في الهوية البصرية
   عدّل هنا فقط لتغيير ألوان / خطوط / مسافات الموقع بالكامل.
   المصدر: حزمة شعار "أوفست" — شغف للتقنية
   ========================================================================== */

:root {
  /* --- ألوان الهوية الرسمية (من ملف الهوية) ------------------------------ */
  --brand-ink:       #0A1F2B;  /* Deep Teal — الأساسي الغامق */
  --brand-aqua:      #2CBFC9;  /* Aqua — اللون المميز (لا يُغيّر) */
  --brand-mono:      #12161B;  /* Mono — أحادي اللون */

  /* --- مشتقات محسوبة من الأساسي ------------------------------------------ */
  --ink-900:         #061419;
  --ink-800:         var(--brand-ink);
  --ink-700:         #12333f;
  --ink-600:         #1d4757;
  --aqua-700:        #1a8f98;
  --aqua-300:        #7ddce3;
  --aqua-100:        #d8f4f6;

  /* --- أسطح ونصوص --------------------------------------------------------- */
  --paper:           #F2F6F7;  /* خلفية الصفحة */
  --surface:         #FFFFFF;  /* البطاقات */
  --surface-sunk:    #E8F0F2;  /* حقول الإدخال / مناطق غائرة */

  --text-strong:     var(--brand-ink);
  --text-body:       #46606C;
  --text-muted:      #7C949E;

  --on-dark-strong:  #FFFFFF;
  --on-dark-body:    #A6BEC7;
  --on-dark-muted:   #6F8894;

  --line:            #DCE7EA;
  --line-dark:       rgba(255, 255, 255, .12);

  --danger:          #C6414B;
  --success:         #1E9E7E;

  /* --- الخطوط -------------------------------------------------------------- */
  --font-display: "Readex Pro", "Segoe UI", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;

  --fs-eyebrow:  .78rem;
  --fs-sm:       .875rem;
  --fs-base:     1rem;
  --fs-lg:       1.125rem;
  --fs-xl:       1.375rem;
  --fs-h3:       clamp(1.25rem, 1.1rem + .7vw, 1.6rem);
  --fs-h2:       clamp(1.75rem, 1.3rem + 1.9vw, 2.9rem);
  --fs-h1:       clamp(2.25rem, 1.4rem + 3.6vw, 4.4rem);

  --lh-tight:    1.18;
  --lh-snug:     1.45;
  --lh-body:     1.85;

  /* --- الهندسة (مشتقة من نِسب الشعار) -------------------------------------- */
  --skew:        -35deg;  /* ميلان الشريط في الشعار: atan(14/20) */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;    /* نسبة تدوير مربّع الشعار: 28/108 */
  --radius-pill: 999px;

  /* --- المسافات ------------------------------------------------------------ */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;
  --section-y: clamp(4rem, 2rem + 7vw, 7.5rem);
  --container:  1180px;
  --header-h:   80px;   /* ارتفاع الهيدر — يستخدمه الهيرو وقائمة الجوال */
  --gutter:     clamp(1.25rem, .5rem + 3vw, 2.5rem);

  /* --- ظلال وحركة ---------------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(10, 31, 43, .05);
  --shadow-md: 0 6px 24px -8px rgba(10, 31, 43, .14);
  --shadow-lg: 0 24px 60px -20px rgba(10, 31, 43, .28);

  --ease:      cubic-bezier(.22, .61, .36, 1);
  --dur-fast:  .18s;
  --dur:       .32s;
  --dur-slow:  .7s;

  --z-header: 100;
  --z-menu:   200;
}