/* ---------------------------
   فونت‌ها
--------------------------- */
@font-face {
  font-family: "doran-bold";
  src: url("../fonts/Doran/DoranFaNum-Bold.woff");
}

@font-face {
  font-family: "doran-extrabold";
  src: url("../fonts/Doran/DoranFaNum-ExtraBold.woff");
}

@font-face {
  font-family: "doran-medium";
  src: url("../fonts/Doran/DoranFaNum-Medium.woff");
}

@font-face {
  font-family: "doran-regular";
  src: url("../fonts/Doran/DoranFaNum-Regular.woff");
}

@font-face {
  font-family: "yekan-regular";
  src: url("../fonts/Yekan-Bakh/YekanBakhFaNum-Regular.woff");
}

@font-face {
  font-family: "yekan-bold";
  src: url("../fonts/Yekan-Bakh/YekanBakhFaNum-Bold.woff");
}

@font-face {
  font-family: "yekan-extrablack";
  src: url("../fonts/Yekan-Bakh/YekanBakhFaNum-ExtraBlack.woff");
}

/* ---------------------------
   متغیرهای رنگی (پالت تو)
--------------------------- */

:root {
  --c1: #c31c05;
  --white: #ffffff;
  --dark-gray-1: #37403f;
  --dark-gray-2: #344252;
  --dark-gray-3: #2c475c;
  --dark-gray-4: #354350;
  --black-1: #1f1f1f;
  --black-2: #404040;
  --light-1: #f4f4f4;
  --light-2: #d0d0d0;
  --light-3: #dbdbdb;
  --light-blue: #b0c8ca;
  --dark-gray: #404040;

  /* رنگ‌های کاربردی پیشنهاد‌شده */
  --primary: var(--c1);
  --secondary: var(--dark-gray-2);
  --dark-secondary: var(--dark-gray-3);
  --muted: var(--dark-gray-1);
  --dark-muted: var(--dark-gray-3);
  --border: var(--light-2);
  --primary-foreground: var(--dark-gray);
  --background: var(--light-1);
  --foreground: var(--light-2);
}

/* ---------------------------
   استایل‌های پایه
--------------------------- */

body {
  font-family: "yekan-regular";
  background-image: url("../images/website/background-main.png");
  background-repeat: no-repeat;
  background-position: top center; /* مهم */
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
  padding-top: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "yekan-bold";
}

/* ---------------------------
   کلاس‌های رنگی کمک‌کننده
--------------------------- */

.color-primary {
  color: var(--primary);
}
.color-secondary {
  color: var(--secondary);
}
.bg-dark-secondary {
  color: var(--dark-secondary);
}
.color-primary-foreground {
  color: var(--primary-foreground);
}
.color-dark-secondary {
  color: var(--dark-secondary);
}
.color-muted {
  color: var(--muted);
}
.color-border {
  color: var(--border);
}
.color-light {
  color: var(--light-1);
}
.text-black {
  color: black !important;
}
.text-white {
  color: white !important;
}
.bg-dark-secondary {
  background: var(--dark-secondary);
}
.bg-primary {
  background: var(--primary);
}
.bg-secondary {
  background: var(--secondary);
}
.bg-foreground {
  background: var(--light-2);
}
.bg-muted {
  background: var(--muted);
}
.bg-dark-muted {
  background: var(--dark-muted);
}
.bg-light {
  background: var(--light-1);
}

.bg-border {
  background: var(--border);
}
.bg-white {
  background: white;
}
.border-primary {
  border-color: var(--primary) !important;
}
.border-light {
  border-color: var(--light-3) !important;
}
/* @media (min-width: 640px) {
  .bg-secondary-sm {
    background: var(--secondary);
  }
} */
/* ---------------------------
   کلاس برای فونت‌ها
--------------------------- */

.font-doran-bold {
  font-family: "doran-bold";
}
.font-doran-medium {
  font-family: "doran-medium";
}
.font-doran-regular {
  font-family: "doran-regular";
}

.font-yekan-regular {
  font-family: "yekan-regular";
}
.font-yekan-bold {
  font-family: "yekan-bold";
}
.font-yekan-black {
  font-family: "yekan-extrablack";
}