/* ============================================================================
   لوح برتر — توکن‌های سیستم دیزاین (داخل تم)
   «مرکّب، کاغذ و زعفران»  ·  Ink · Paper · Saffron
   منبع: lohebartar-design-system/tokens.css
   ============================================================================ */

/* ---- فونت‌ها (self-host، همان فونت‌های سایت قبلی) ----
   AzarMehr = متن/رابط (۳۰۰/۴۰۰/۵۰۰؛ وزن ۷۰۰ به Medium نگاشت می‌شود)
   Mahoor  = نمایشی/عناوین (۴۰۰/۵۰۰/۶۰۰/۷۰۰؛ وزن ۸۰۰ به Bold نگاشت می‌شود) */
@font-face{font-family:'AzarMehr';src:url('../fonts/AzarMehr-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'AzarMehr';src:url('../fonts/AzarMehr-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'AzarMehr';src:url('../fonts/AzarMehr-Medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
@font-face{font-family:'Mahoor';src:url('../fonts/Mahoor-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Mahoor';src:url('../fonts/Mahoor-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Mahoor';src:url('../fonts/Mahoor-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Mahoor';src:url('../fonts/Mahoor-Bold.woff2') format('woff2');font-weight:700 800;font-display:swap}

:root{
  /* ===== طیف مرکّب ===== */
  --ink-50:#f1f2f9; --ink-100:#e0e2f0; --ink-200:#c1c5e2;
  --ink-300:#9298c9; --ink-400:#5a61a3; --ink-500:#363c7d;
  --ink-600:#282c62; --ink-700:#21245c; --ink-800:#191a3e; --ink-900:#12132b;
  /* ===== طیف زعفران ===== */
  --saffron-50:#fff5e8; --saffron-100:#ffe6c4; --saffron-200:#ffce8c;
  --saffron-300:#ffb04f; --saffron-400:#fb9526; --saffron-500:#f2860e;
  --saffron-600:#d86e05; --saffron-700:#b0560a; --saffron-800:#8a440f; --saffron-900:#5f2f0c;
  /* ===== فیروزه‌ای ===== */
  --sage-50:#e9f7f4; --sage-100:#c9ece5; --sage-300:#5cc0b1;
  --sage-500:#127c71; --sage-600:#0f6a61; --sage-700:#0c554e;
  /* ===== کاغذ و خنثی‌ها ===== */
  --paper:#faf6ee; --surface:#ffffff; --surface-2:#f6f1e7;
  --line:#e8e1d3; --line-strong:#d8cfbc;
  --text:#191a2e; --text-muted:#6b6980; --text-soft:#9a97ab;
  --on-ink:#f7f6fb; --on-saffron:#3a2205;
  /* ===== وضعیت ===== */
  --success:#15803d; --success-bg:#e7f6ec;
  --warning:#b45309; --warning-bg:#fdf1e0;
  --danger:#dc2626;  --danger-bg:#fdeaea;
  --info:#1d4ed8;    --info-bg:#e9eefc;
  /* ===== نقش‌های برند ===== */
  --brand:var(--ink-700); --brand-strong:var(--ink-800);
  --accent:var(--saffron-500); --accent-strong:var(--saffron-600);
  --highlight:var(--saffron-200);
  --ring:color-mix(in srgb, var(--saffron-500) 45%, transparent);
  /* ===== تایپوگرافی ===== */
  --font-display:'Mahoor','AzarMehr','Vazirmatn',Tahoma,sans-serif;
  --font-body:'AzarMehr','Vazirmatn',Tahoma,'Segoe UI',sans-serif;
  --fs-display:clamp(2.1rem,1.4rem + 3vw,3.25rem);
  --fs-h1:clamp(1.7rem,1.3rem + 1.6vw,2.25rem);
  --fs-h2:clamp(1.4rem,1.2rem + 0.9vw,1.75rem);
  --fs-h3:1.3rem; --fs-h4:1.125rem;
  --fs-lg:1.0625rem; --fs-base:1rem; --fs-sm:.875rem; --fs-xs:.8125rem;
  --lh-tight:1.35; --lh-snug:1.6; --lh-body:1.9;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-black:800;
  /* ===== فاصله ===== */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-7:28px; --s-8:32px; --s-10:40px; --s-12:48px;
  --s-14:56px; --s-16:64px; --s-20:80px; --s-24:96px;
  /* ===== شعاع ===== */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-2xl:28px; --r-pill:999px;
  /* ===== سایه ===== */
  --sh-xs:0 1px 2px rgba(25,26,46,.06);
  --sh-sm:0 2px 8px rgba(25,26,46,.07);
  --sh-md:0 8px 24px rgba(25,26,46,.09);
  --sh-lg:0 18px 44px rgba(25,26,46,.12);
  --sh-xl:0 28px 70px rgba(25,26,46,.16);
  --sh-accent:0 10px 26px rgba(242,134,14,.32);
  /* ===== حرکت و چیدمان ===== */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-1:.14s; --dur-2:.24s; --dur-3:.4s;
  --container:1200px; --container-narrow:780px;
}