/* ==============================================================================
   দৈনিক চতুর্দিক (Doinik Choturdik) - Official Newspaper Typography (Shurjo Font)
   Identical to Prothom Alo's Digital Editorial Standards
   ============================================================================== */

@font-face {
  font-family: 'Shurjo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ShurjoWeb_400.woff2') format('woff2');
}

@font-face {
  font-family: 'Shurjo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/ShurjoWeb_700.woff2') format('woff2');
}

:root {
  --font-main: 'Shurjo', 'Siyam Rupali', 'Hind Siliguri', Roboto, Arial, sans-serif;
  --prothomalo-title-color: #121212;
  --prothomalo-body-color: #222222;
  --prothomalo-body-line-height: 1.9;
  --prothomalo-body-size: 1.25rem; /* 20px */
}

/* Global Font Override for Reader Frontend & Newsroom CMS */
html, body, button, input, select, textarea {
  font-family: 'Shurjo', 'Siyam Rupali', 'Hind Siliguri', Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #222222;
}

.dark body {
  color: #e5e7eb;
}

h1, h2, h3, h4, h5, h6, .title-font, .font-display {
  font-family: 'Shurjo', 'Siyam Rupali', 'Hind Siliguri', sans-serif !important;
  letter-spacing: normal;
}

p, .summary, .tiro-font {
  font-family: 'Shurjo', 'Siyam Rupali', 'Tiro Bangla', sans-serif !important;
}

/* ==============================================================================
   Prothom Alo Editorial Article Typography (Headline & Paragraph Matching)
   ============================================================================== */

/* Standalone Article Headline (H1) */
.article-headline, #article-headline, #modal-title {
  font-family: 'Shurjo', 'Siyam Rupali', 'Hind Siliguri', sans-serif !important;
  font-size: clamp(1.75rem, 4vw, 2.625rem) !important; /* 28px on mobile up to 42px on desktop */
  line-height: 1.28 !important;
  font-weight: 700 !important;
  color: #121212 !important;
  letter-spacing: -0.01em;
}

.dark .article-headline, .dark #article-headline, .dark #modal-title {
  color: #ffffff !important;
}

/* Article Body Content & Paragraphs - Exactly 20px (1.25rem), line-height: 1.9 (38px), #222222 */
.article-content, .article-content p, 
.article-body, .article-body p, 
#article-body-content, #article-body-content p,
#modal-content-body, #modal-content-body p {
  font-family: 'Shurjo', 'Siyam Rupali', 'Tiro Bangla', sans-serif !important;
  font-size: 1.25rem !important; /* 20px */
  line-height: 1.9 !important; /* 38px line height for Bengali vowel marks */
  color: #222222 !important;
  margin-bottom: 1.5rem !important;
  word-spacing: 0.05em;
}

.dark .article-content, .dark .article-content p, 
.dark .article-body, .dark .article-body p, 
.dark #article-body-content, .dark #article-body-content p,
.dark #modal-content-body, .dark #modal-content-body p {
  color: #e5e7eb !important;
}

/* Article Summary / Callout Box */
#article-summary-box {
  font-size: 1.3125rem !important; /* 21px */
  line-height: 1.75 !important;
  color: #263238 !important;
}

.dark #article-summary-box {
  color: #e2e8f0 !important;
}

/* Headings in Dark Mode */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
  color: #f3f4f6;
}