/* ============================================================
   IMMERSIVE SKIN — CMS/Static Pages
   Warm editorial content layout
   ============================================================ */

/* Override CMS page variables with warm editorial palette */
body[data-skin="immersive"] {
  --page-bg: #faf9f7;
  --page-surface: #ffffff;
  --page-text: #44403c;
  --page-heading: #1c1917;
  --page-accent: #c2703e;
  --page-border: #e7e5e4;
  --page-muted: #78716c;
}

/* Hero block */
body[data-skin="immersive"] .block-hero {
  background: var(--c-surface);
  border-bottom: 1px solid var(--c-border);
}
body[data-skin="immersive"] .hero-title {
  background: linear-gradient(135deg, var(--c-text) 0%, var(--c-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-display);
  letter-spacing: -0.03em;
}
body[data-skin="immersive"] .hero-sub {
  color: var(--c-text-muted);
  font-family: var(--font-main);
}

/* Text blocks */
body[data-skin="immersive"] .block-text {
  color: var(--c-text);
  font-family: var(--font-main);
  line-height: 1.8;
}
body[data-skin="immersive"] .block-text h2,
body[data-skin="immersive"] .block-text h3 {
  color: var(--c-text);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
}
body[data-skin="immersive"] .block-text a {
  color: var(--c-accent);
}

/* Blockquote */
body[data-skin="immersive"] .block-text blockquote {
  background: var(--c-surface);
  border-inline-start: 3px solid var(--c-accent);
}

/* Image cards */
body[data-skin="immersive"] .img-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  box-shadow: var(--shadow-sm);
}

/* CTA button */
body[data-skin="immersive"] .cta-btn {
  background: var(--c-primary);
  color: #fff;
  font-family: var(--font-main);
  font-weight: 700;
  letter-spacing: 0.02em;
}
body[data-skin="immersive"] .cta-btn:hover {
  background: var(--c-accent);
}

/* Draft badge */
body[data-skin="immersive"] .draft-badge {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
  font-family: var(--font-main);
}