/* ---- فونت Vazirmatn (self-hosted، فایل variable شامل تمام وزن‌ها) ---- */
@font-face {
  font-family: "Vazirmatn";
  src:
    url("/fonts/vazirmatn/Vazirmatn[wght].woff2") format("woff2 supports variations"),
    url("/fonts/vazirmatn/Vazirmatn[wght].woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Design tokens: جهت «دانشگاهی گرم» ---- */
:root {
  /* رنگ برند */
  --color-brand-900: #1b4332;
  --color-brand-800: #235240;
  --color-brand-700: #2d6a4f;
  --color-brand-100: #e3ede8;

  /* اکسنت */
  --color-accent: #e07a5f;
  --color-accent-hover: #d6684b;
  --color-accent-muted: #d4a373;

  /* خنثی / پس‌زمینه */
  --color-bg: #faf7f2;
  --color-surface: #ffffff;
  --color-surface-sunken: #f3ede4;
  --color-border: #e8dfd3;

  /* متن */
  --color-text: #22323a;
  --color-text-muted: #5c6b66;
  --color-text-on-brand: #f6f2ea;
  --color-text-on-accent: #ffffff;

  /* وضعیت‌ها */
  --color-success: #2d6a4f;
  --color-success-bg: #e3ede8;
  --color-warning: #e9a33e;
  --color-warning-bg: #fbf0dd;
  --color-danger: #c1443c;
  --color-danger-bg: #f8e6e4;

  /* تایپوگرافی */
  --font-family-base: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 1.875rem;

  /* فاصله‌گذاری (scale ۴px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  /* شکل */
  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;
  --shadow-sm: 0 1px 2px rgba(43, 32, 18, 0.06);
  --shadow-md: 0 6px 20px rgba(43, 32, 18, 0.08);

  --sidebar-width: 17rem;
  --topbar-height: 4rem;
}

/* ---- Reset / پایه ---- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: 1.6;
  font-feature-settings: "tnum" 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--color-text);
  margin: 0 0 var(--space-3);
}

a {
  color: var(--color-brand-700);
  text-decoration: none;
}

a:hover {
  color: var(--color-accent);
}

img {
  max-width: 100%;
}