:root{

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

  --primary:#1C4537;
  --primary-hover:#16362B;

  --accent:#AE9155;
  --accent-hover:#987B45;

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

  --background:#F8F8F6;
  --surface:#FFFFFF;

  --text:#222222;
  --text-secondary:#666666;

  --border:#E8E5DE;

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

  --success:#2E7D32;
  --warning:#F9A825;
  --danger:#C62828;

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

  --space-0:0;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:64px;

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

  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-full:999px;

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

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

  --shadow-md:
      0 8px 24px rgba(0,0,0,.10);

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

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

  --transition-fast:.15s ease;

  --transition-normal:.25s ease;

  --transition-slow:.4s ease;

  /* ===========================
   Compatibility (Temporary)
=========================== */

--white: var(--surface);

--transition: var(--transition-normal);

--shadow: var(--shadow-md);

--text-light: var(--text-secondary);
/* ===========================
   Layout
=========================== */

--container-width: 1200px;

--header-height: 80px;
/* ===========================
   Layers
=========================== */

--z-header:100;

--z-modal:1000;

--z-toast:1100;
/* ===========================
   Typography
=========================== */

--font-family:'Vazirmatn', sans-serif;
}