/* ==========================================================
   Design System
   آینده سازان رفاه پردیس
   ========================================================== */

:root{

/*==========================================================
=            Brand Colors                                  =
==========================================================*/

--primary:#2563eb;
--primary-dark:#1d4ed8;
--primary-light:#60a5fa;

--secondary:#0f172a;
--secondary-dark:#020617;
--secondary-light:#334155;


/*==========================================================
=            Status Colors                                 =
==========================================================*/

--success:#16a34a;
--warning:#f59e0b;
--danger:#dc2626;
--info:#0ea5e9;


/*==========================================================
=            Gray Colors                                   =
==========================================================*/

--white:#ffffff;

--gray-50:#f8fafc;
--gray-100:#f1f5f9;
--gray-200:#e2e8f0;
--gray-300:#cbd5e1;
--gray-400:#94a3b8;
--gray-500:#64748b;
--gray-600:#475569;
--gray-700:#334155;
--gray-800:#1e293b;
--gray-900:#0f172a;

--black:#000000;


/*==========================================================
=            Background                                   =
==========================================================*/

--body-bg:#f8fafc;

--card-bg:#ffffff;

--section-bg:#ffffff;

--footer-bg:#0f172a;


/*==========================================================
=            Text                                          =
==========================================================*/

--text-color:#1e293b;

--text-light:#64748b;

--text-muted:#94a3b8;

--text-white:#ffffff;


/*==========================================================
=            Border                                        =
==========================================================*/

--border-color:#e2e8f0;

--border-light:#f1f5f9;


/*==========================================================
=            Radius                                        =
==========================================================*/

--radius-xs:6px;

--radius-sm:10px;

--radius-md:16px;

--radius-lg:22px;

--radius-xl:30px;

--radius-round:999px;


/*==========================================================
=            Shadow                                        =
==========================================================*/

--shadow-xs:0 2px 6px rgba(0,0,0,.04);

--shadow-sm:0 6px 16px rgba(15,23,42,.08);

--shadow-md:0 10px 30px rgba(15,23,42,.10);

--shadow-lg:0 20px 45px rgba(15,23,42,.14);

--shadow-primary:0 15px 35px rgba(37,99,235,.25);


/*==========================================================
=            Transition                                    =
==========================================================*/

--transition-fast:.20s ease;

--transition:.30s ease;

--transition-slow:.45s ease;


/*==========================================================
=            Container                                     =
==========================================================*/

--container-width:1320px;


/*==========================================================
=            Navbar                                        =
==========================================================*/

--navbar-height:82px;


/*==========================================================
=            Section Space                                 =
==========================================================*/

--section-padding:100px;

--section-padding-mobile:60px;


/*==========================================================
=            Gap                                           =
==========================================================*/

--gap-xs:6px;

--gap-sm:12px;

--gap-md:20px;

--gap-lg:32px;

--gap-xl:48px;


/*==========================================================
=            Font Size                                     =
==========================================================*/

--fs-xs:.75rem;

--fs-sm:.875rem;

--fs-md:1rem;

--fs-lg:1.125rem;

--fs-xl:1.5rem;

--fs-2xl:2rem;

--fs-3xl:3rem;

--fs-4xl:4rem;


/*==========================================================
=            Z-index                                       =
==========================================================*/

--z-dropdown:1000;

--z-sticky:1020;

--z-fixed:1030;

--z-modal:1055;

--z-toast:1080;

}