/*
  توکن‌های طراحی تاریشا — منبع واحد رنگ و تایپوگرافی.
  پالت رسمی برند تاریشا (مصوب کاربر): سبزآبی عمیق، فیروزه‌ای، مسی سنگی، سنگ روشن.
*/

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Regular.d4ab64a57767.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Medium.51808f3f7fb3.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Bold.1a4c5c0c5398.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-ExtraBold.e47e10945918.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Black.1520e75d8f8d.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ——— پالت رسمی برند تاریشا ——— */
  --color-brand-primary: #173B43;   /* سبزآبی عمیق: هدر، فوتر، سایدبار داشبورد، تیترها */
  --color-brand-accent: #25B6A6;    /* فیروزه‌ای: CTA اصلی، لینک فعال، فوکوس */
  --color-brand-copper: #B97952;    /* مسی سنگی: تأکیدهای میراثی، بج‌ها */
  --color-copper-text: #9C5A2C;     /* متن مسی روی پس‌زمینه روشن (خوانا) */
  --color-bg-body: #F3EFE7;         /* سنگ روشن: پس‌زمینه عمومی */
  --color-bg-surface: #FFFFFF;      /* سطح کارت‌ها و فرم‌ها */
  --color-text-main: #1E2A2C;       /* متن اصلی */
  --color-text-muted: #384E54;      /* متن ثانویه روی روشن */
  --color-on-dark: #E6F2EF;         /* متن بدنه روی پس‌زمینه تیره */
  --color-border: #DDD6C8;          /* خطوط و حاشیه‌ها */

  /* ——— رنگ‌های وضعیت ——— */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;

  /* ——— تایپوگرافی (مقیاس سند) ——— */
  --font-family-base: "Vazirmatn", Tahoma, system-ui, sans-serif;
  --font-size-h1: 3.75rem;        /* ۶۰px دسکتاپ */
  --font-size-h1-mobile: 2.125rem; /* ۳۴px موبایل */
  --font-size-h2: 2.25rem;        /* ۳۶px دسکتاپ */
  --font-size-h2-mobile: 1.625rem; /* ۲۶px موبایل */
  --font-size-h3: 1.25rem;        /* ۲۰px */
  --font-size-body: 1rem;          /* ۱۶px — حداقل متن بدنه */
  --font-size-small: 0.875rem;
  --line-height-body: 1.9;        /* فاصله خطوط سخاوتمندانه برای فارسی */

  /* ——— شعاع و سایه ——— */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --shadow-card: 0 2px 12px rgba(23, 59, 67, 0.08);
}