/*
Theme Name:   WebPlus Child
Theme URI:    https://webplus.com
Description:  WebPlus — WordPress Solutions. Child theme of Astra.
              مواقع تنمو مع أعمالك | Websites That Grow Your Business
Author:       WebPlus Team
Author URI:   https://webplus.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  webplus-child
Tags:         rtl-language-support, custom-colors, custom-logo, custom-menu

WebPlus Child Theme
الموقع مبني بدون Page Builders — بلوكات مخصصة وكود نظيف.
*/

/* ============================================================
   نظام التصميم — Design Tokens (CSS Custom Properties)
   كل القيم تُعرَّف هنا وتُستخدم كـ var() في كل مكان آخر.
   لا قيم ثابتة داخل المكونات.
   ============================================================ */

:root {
  /* ── الألوان الأساسية (من الهوية المعتمدة) ── */
  --wp-navy:        #0B1F44;
  --wp-blue:        #0066FF;
  --wp-sky:         #38BDF8;
  --wp-snow:        #F8FAFC;

  /* ── الألوان المشتقة ── */
  --wp-navy-950:    #071530;
  --wp-navy-800:    #12306B;
  --wp-navy-700:    #1a3d82;
  --wp-blue-700:    #0052CC;
  --wp-blue-50:     #E8F0FF;
  --wp-sky-100:     #E0F2FE;
  --wp-slate-600:   #475569;
  --wp-slate-400:   #94A3B8;
  --wp-slate-300:   #CBD5E1;

  /* ── ألوان دلالية ── */
  --wp-success:     #22C55E;
  --wp-warning:     #F59E0B;
  --wp-error:       #EF4444;

  /* ── الحدود على الخلفية الداكنة ── */
  --wp-line-dark:   rgba(56, 189, 248, 0.18);
  --wp-line-light:  var(--wp-slate-300);

  /* ── التدرج المميز (Plus Gradient) ── */
  --wp-gradient:    linear-gradient(135deg, var(--wp-blue) 0%, var(--wp-sky) 100%);
  --wp-gradient-text: linear-gradient(135deg, var(--wp-blue) 0%, var(--wp-sky) 100%);

  /* ── الخطوط ── */
  --wp-font-arabic:   'Tajawal', sans-serif;
  --wp-font-latin:    'Montserrat', sans-serif;
  --wp-font-mono:     ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;

  /* ── السُّلَّم الحجمي ── */
  --wp-text-xs:     0.75rem;    /* 12px */
  --wp-text-sm:     0.875rem;   /* 14px */
  --wp-text-base:   1rem;       /* 16px */
  --wp-text-lg:     1.125rem;   /* 18px */
  --wp-text-xl:     1.25rem;    /* 20px */
  --wp-text-2xl:    1.5rem;     /* 24px */
  --wp-text-3xl:    1.875rem;   /* 30px */
  --wp-text-4xl:    2.25rem;    /* 36px */
  --wp-text-5xl:    3rem;       /* 48px */
  --wp-text-6xl:    3.75rem;    /* 60px */
  --wp-text-7xl:    4.5rem;     /* 72px */

  /* ── المسافات ── */
  --wp-space-1:     0.25rem;
  --wp-space-2:     0.5rem;
  --wp-space-3:     0.75rem;
  --wp-space-4:     1rem;
  --wp-space-6:     1.5rem;
  --wp-space-8:     2rem;
  --wp-space-12:    3rem;
  --wp-space-16:    4rem;
  --wp-space-20:    5rem;
  --wp-space-24:    6rem;
  --wp-space-32:    8rem;

  /* ── هوامش الشبكة ── */
  --wp-margin-x:    clamp(1.5rem, 7vw, 6rem);
  --wp-section-gap: clamp(5rem, 10vw, 12rem);

  /* ── الزوايا ── */
  --wp-radius-sm:   6px;
  --wp-radius-md:   10px;
  --wp-radius-lg:   12px;
  --wp-radius-xl:   16px;
  --wp-radius-pill: 9999px;

  /* ── الظلال ── */
  --wp-shadow-sm:   0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --wp-shadow-md:   0 4px 16px rgba(0,0,0,.12);
  --wp-shadow-blue: 0 0 32px rgba(0,102,255,.25);
  --wp-shadow-glow: 0 0 60px rgba(56,189,248,.15);

  /* ── الحركة ── */
  --wp-ease:        cubic-bezier(0.22, 1, 0.36, 1);
  --wp-dur-sm:      450ms;
  --wp-dur-md:      650ms;
  --wp-dur-lg:      900ms;
  --wp-dur-xl:      1200ms;
  --wp-delay-step:  80ms;

  /* ── الهيدر ── */
  --wp-header-h:    72px;

  /* ── خط النمو ── */
  --wp-growth-color: var(--wp-blue);
  --wp-growth-width: 2px;
}