/* ============================================================
   آتلیه لیلر — راست‌چین و فارسی
   توکن‌های طراحی برگرفته از lillerphoto.com
   رنگ‌ها: سفید | مشکی | بژ روشن #F3F2EC | بژ میانی #D4CDC1
   فونت‌ها: وزیرمتن (فارسی) + Playfair Display (لاتین تزئینی)
   ============================================================ */

:root {
  --white: #FFFFFF;
  --black: #000000;
  --black-soft: #1E1E1D;
  --beige-light: #F3F2EC;    /* پس‌زمینه بژ */
  --beige-mid: #D4CDC1;      /* بژ میانی */
  --beige-dark: #C9C2B4;

  --font-script: "Playfair Display", "Vazirmatn", serif;  /* سریف ایتالیک شکیل */
  --font-sans: "Vazirmatn", "Montserrat", sans-serif;     /* منو و برچسب‌ها */
  --font-body: "Vazirmatn", "Lato", sans-serif;           /* بدنه متون */
  --font-display: "Lalezar", "Vazirmatn", sans-serif;     /* فونت نمایشی شاد برای تیترها */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  background: var(--white);
  color: var(--black);
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  direction: rtl;           /* راست‌چین */
  text-align: right;        /* متن از راست */
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

.container { max-width: 1280px; margin: 0 auto; padding: 0 40px; }

/* ---------- تایپوگرافی ---------- */
h1, h2, h3 { font-family: var(--font-display); font-weight: 400; }
.script { font-family: var(--font-script); }
.script-it { font-family: var(--font-script); font-style: italic; }
.eyebrow {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;    /* برای فارسی فاصله کم */
  text-transform: uppercase;
}
.btn {
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 14px 34px;
  background: var(--black);
  color: var(--white);
  border: none;
  cursor: pointer;
  transition: opacity .25s ease, background .25s ease;
}
.btn:hover { opacity: .85; }
.btn-light { background: var(--white); color: var(--black); }

/* ---------- فونت فارسی (وزیرمتن) ---------- */
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}