@font-face {
  font-display: swap;
  font-family: "Shabnam FD";
  font-style: normal;
  font-weight: 400;
  src:
    url("../fonts/Shabnam-FD.285c2d2c5921.woff2") format("woff2"),
    url("../fonts/Shabnam-FD.541875a79aaa.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Shabnam";
  font-style: normal;
  font-weight: 400;
  src:
    url("../fonts/Shabnam.e40e4142fb1a.woff2") format("woff2"),
    url("../fonts/Shabnam.2ed475cd4e8e.woff") format("woff");
}

:root {
  --color-primary: #111827;
  --color-primary-hover: #0b0f17;
  --color-secondary: #123f4a;
  --color-secondary-hover: #0d3139;
  --color-accent: #b8924a;
  --color-accent-hover: #a77e35;
  --color-bg: #ffffff;
  --color-surface: #f7f8fa;
  --color-surface-strong: #eef2f4;
  --color-text: #1f2933;
  --color-text-muted: #667085;
  --color-border: #dde3e7;
  --color-success: #16794a;
  --color-warning: #a86500;
  --color-danger: #b42318;
  --color-info: #175cd3;
  --color-accent-strong: #8a6429;
  --color-accent-on-dark: #d7bd7a;
  --color-control-border: #7f8b9b;
  --color-warning-text: #a05f00;

  --font-fa: "Shabnam FD", "Shabnam", "Estedad", "Vazirmatn", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-ar: "Shabnam", "Noto Sans Arabic", "Estedad", "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --font-en: "Inter", system-ui, sans-serif;
  --font-hi: "Noto Sans Devanagari", "Inter", system-ui, sans-serif;
  --font-base: var(--font-en);
  --font-heading-fa: "Shabnam FD", "Shabnam", "Estedad", "Vazirmatn", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-heading-ar: "Shabnam", "Noto Sans Arabic", "Estedad", "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --font-heading-base: var(--font-base);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08);
  --shadow-md: 0 8px 24px rgba(16, 24, 40, 0.1);

  --container: 1180px;
  --container-narrow: 720px;
}

:lang(fa) {
  --font-base: var(--font-fa);
  --font-heading-base: var(--font-heading-fa);
}

:lang(ar) {
  --font-base: var(--font-ar);
  --font-heading-base: var(--font-heading-ar);
}

:lang(hi) {
  --font-base: var(--font-hi);
  --font-heading-base: var(--font-hi);
}