/* cliniclick/static/css/typography.css */

/* --- Base: همیشه WOFF2 را اول بده، TTF فقط fallback --- */
/* برای اینکه vib ظریف بگیریم، Light/Regular برای متن، SemiBold/Bold برای تیترها. */

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Thin.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-ExtraLight.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Light.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Regular.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Medium.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-SemiBold.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Bold.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-ExtraBold.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'Estedad';
  src: url('/static/fonts/woff2/Estedad-Black.woff2') format('woff2'),
       url('/static/fonts/ttf/Estedad-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

/* --- پایه‌ی تایپوگرافی با «ظرافت» --- */
:root{
  /* اگر Tailwind داری، این رو می‌تونی به عنوان var به کلاس‌های بدنه اعمال کنی */
  --font-sans: 'Estedad', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Noto Sans', 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
}

html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body{
  font-family: var(--font-sans);
  font-weight: 400;          /* Regular برای خوانایی فارسی */
  line-height: 1.9;          /* فاصله‌ی عمودی دلنشین‌تر */
  letter-spacing: 0;         /* در فارسی، tracking اضافه نکن */
  color: var(--text-primary, #0f172a);
}
/* انتهای typography.css اضافه کن */
body.font-sans {
  font-family: var(--font-sans) !important;
}
/* تیترها با وقار اما ظریف */
h1{ font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; }
h2{ font-weight: 600; line-height: 1.35; letter-spacing: -0.005em; }
h3{ font-weight: 600; line-height: 1.4; }

/* متن‌های ریز/ثانویه */
.small, .muted, .text-muted{ color: rgba(0,0,0,.6); font-weight: 300; }

/* دکمه‌ها و آیتم‌های ناویگیشن بهتره 600 باشن تا شارپ حس بشن */
button, .btn, nav a{
  font-weight: 600;
}