/**
 * INTERIOR Editorial Typography System
 * High-End Architectural Publishing & Arabic Ligature Preservation
 *
 * @package Blockskit_Child
 */

/* 1. Google Fonts are preloaded in <head> for zero-render-blocking performance */
/* Font families: IBM Plex Sans Arabic, Plus Jakarta Sans, DM Mono with font-display: swap */

/* 2. Global Base Typography */
html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.75;
  color: var(--text-primary);
  background-color: var(--bg-primary);
}

[dir="rtl"] body {
  direction: rtl;
}

[dir="ltr"] body {
  direction: ltr;
}

/* 3. Strict Arabic Ligature Protection: ZERO letter-spacing */
html[lang="ar"],
body[dir="rtl"],
.rtl,
[dir="rtl"] * {
  letter-spacing: normal !important;
}

/* 4. Headings: Pure Architectural Unified Typography */
h1, h2, h3, h4, h5, h6,
.luxe-heading {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--interior-bone);
  word-spacing: 0;
  margin-top: 0;
  margin-bottom: 0.85rem;
  letter-spacing: normal !important;
}

h1, .luxe-h1 {
  font-size: var(--text-4xl);
  line-height: 1.22;
}

h2, .luxe-h2 {
  font-size: var(--text-3xl);
  line-height: 1.25;
}

h3, .luxe-h3 {
  font-size: var(--text-2xl);
  line-height: 1.3;
}

h4, .luxe-h4 {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 500;
  line-height: 1.35;
}

h5, .luxe-h5 {
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 500;
  line-height: 1.4;
}

h6, .luxe-h6 {
  font-family: var(--font-heading);
  font-size: var(--text-md);
  font-weight: 500;
  line-height: 1.4;
}

/* 5. Editorial Paragraphs & Lead Text */
p {
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: var(--text-primary);
}

.luxe-lead {
  font-size: var(--text-lg);
  line-height: 1.8;
  font-weight: 300;
  color: var(--interior-bone);
  max-width: 48ch;
}

.luxe-muted-paragraph {
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: 1.7;
}

/* 6. Latin Metadata & Monospace Badges (Tracking allowed only on Latin/Mono) */
.luxe-meta-latin,
.luxe-tag-latin,
.luxe-mono {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-transform: uppercase;
  direction: ltr;
  display: inline-block;
  letter-spacing: 0.14em;
  color: var(--interior-brass-light);
}

.luxe-roman-numeral {
  font-family: var(--font-heading);
  font-style: italic;
  font-size: var(--text-lg);
  color: var(--interior-brass);
  margin-inline-end: 0.75rem;
}

/* 7. Editorial Pull Quotes */
.luxe-quote {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  line-height: 1.45;
  color: var(--interior-bone);
  font-style: normal;
  border-inline-start: 1px solid var(--interior-brass);
  padding-inline-start: 2rem;
  margin: 3rem 0;
}

.luxe-quote cite {
  display: block;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-style: normal;
  color: var(--text-secondary);
  margin-top: 1rem;
}
