:root {
  /* تم آبی اصلی شما */
  --original-blue-darkest: rgb(0, 94, 202);    /* تاریک‌ترین آبی */
  --original-blue-dark: rgb(0, 87, 187);       /* آبی تیره */
  --original-blue: #007bff;                    /* آبی اصلی */
  --original-blue-light: rgb(231, 243, 255);   /* آبی خیلی روشن */
  
  /* تم سبز جدید (#71b190) - تطبیق داده شده */
  --green-darkest: #476856;      /* معادل var(--primary) */
  --green-dark: #5a8c73;         /* معادل var(--primary-dark) */
  --green-primary: #71b190;      /* معادل var(--primary-darker) (رنگ اصلی جدید) */
  --green-light: #e8f3ec;        /* معادل var(--primary-light) */
  
  /* نام‌های کاربردی */
  --primary: var(--green-primary);
  --primary-dark: var(--green-dark);
  --primary-darker: var(--green-darkest);
  --primary-light: var(--green-light);
  
  /* برای حالت‌های تعاملی */
  --primary-hover: #629a7e;
  --primary-active: #53876c;
}

/* یا به صورت مستقیم */
:root {
  /* تطبیق مستقیم */
  --color-1: #476856;    /* جایگزین var(--primary) */
  --color-2: #e8f3ec;    /* جایگزین var(--primary-light) */
  --color-3: #5a8c73;    /* جایگزین var(--primary-dark) */
  --color-4: #71b190;    /* جایگزین var(--primary-darker) */
}
a{
    color: var(--green-darkest);
}
.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.gap-3 {
  gap: 1rem; /* یا 16px بسته به نیاز شما */
}