/*
=========================================
CFD-MRK Design Tokens
=========================================
*/

:root{

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

--color-primary:#0B1F3A;

--color-primary-light:#173C6D;

--color-primary-soft: #f1f5f9;

--color-secondary:#E63946;

--color-accent:#0EA5E9;

--color-white:#FFFFFF;

--color-black:#111827;

--color-text:#374151;

--color-text-light:#6B7280;

--color-border:#000007;

--color-background:#FFFFFF;

--color-section:#F8FAFC;

--color-Header: #05035a;

--color-UnderLine: #850303;

/*=====================================
= Typography
=====================================*/

--font-primary:"B Nazanin" ,sans-serif;

--font-heading:"B Nazanin",sans-serif;


/*=====================================
= Font Sizes
=====================================*/

--fs-xs:12px;

--fs-sm:14px;

--fs-base:16px;

--fs-md:18px;

--fs-lg:20px;

--fs-xl:24px;

--fs-2xl:32px;

--fs-3xl:40px;

--fs-4xl:52px;


/*=====================================
= Font Weight
=====================================*/

--fw-normal:400;

--fw-medium:500;

--fw-semibold:600;

--fw-bold:700;


/*=====================================
= Line Height
=====================================*/

--lh-body:1.8;

--lh-heading:1.3;


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

--radius-sm:6px;

--radius-md:10px;

--radius-lg:16px;

--radius-xl:24px;

--radius-pill:999px;


/*=====================================
= Shadows
=====================================*/

--shadow-sm:0 2px 6px rgba(0,0,0,.06);

--shadow-md:0 8px 20px rgba(0,0,0,.08);

--shadow-lg:0 12px 40px rgba(0,0,0,.12);


/*=====================================
= Spacing
=====================================*/

--space-1:4px;

--space-2:8px;

--space-3:12px;

--space-4:16px;

--space-5:24px;

--space-6:32px;

--space-7:48px;

--space-8:64px;

--space-9:96px;

--section-spacing: 96px;

--spacing-lg: 32px;


/*=====================================
= Layout
=====================================*/

--container-width:1320px;

--container-padding:20px;

--header-height:90px;

--logo-height:60px;


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

--transition-fast:.25s ease;

--transition:.3s ease;

--transition-slow:.5s ease;


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

--z-header:1000;

--z-dropdown:1100;

--z-modal:2000;

}