/* Kalam Aflam | Canonical editorial canvas (Design System v1.9.12)
   Source of truth: .kf-hero --kf-bg in the homepage hero stylesheet.
   This file intentionally changes ONLY shared page surfaces. Designed media
   scenes (film noir/video/editorial cards), footer, ads, inputs stay intact. */
:root {
  --ka-site-beige: #F7F5F0;
  --kads-paper: var(--ka-site-beige);
  --kads-surface: var(--ka-site-beige);
  --kads-full-paper: var(--ka-site-beige);
}
html, html body {
  background-color: var(--ka-site-beige) !important;
}
/* Override legacy per-template variables #FAF9F6, #F6F3ED,
   #F4F0E9 and #FFFDF9 without changing editorial card surfaces. */
html body,
html body.kads-unified-site,
html body:not(.home):not(.page-id-18366),
html body.single-post.kace-cinema-edition {
  --kads-paper: var(--ka-site-beige);
  --kads-surface: var(--ka-site-beige);
  --kads-full-paper: var(--ka-site-beige);
  background-color: var(--ka-site-beige) !important;
}
html body.single-post.kace-cinema-edition {
  --kace-paper: var(--ka-site-beige);
  --kace-surface: var(--ka-site-beige);
}
/* Cream Magazine wrappers should not paint a different-colored rectangle
   around the canonical hero or long-form reading column. */
html body :is(#page, .site, .page-wrapper, #content, .site-content, .cm_post_page_lay_wrap),
html body #content :is(.cm-container, .single-container, .page-container, #primary, .content-area, .site-main),
html body .cm_post_page_lay_wrap :is(.content-entry, .sticky_portion, .theiaStickySidebar) {
  background-color: var(--ka-site-beige) !important;
}
/* The homepage's large hero is the visual reference. */
html body .kf-hero {
  --kf-bg: var(--ka-site-beige);
  background-color: var(--ka-site-beige) !important;
}
/* Top-of-page editorial/navigation heroes use that exact same shade. */
html body.kads-unified-site .kads-context-hero,
html body.single-post.kace-cinema-edition.kads-unified-site .kads-context-hero {
  background-color: var(--ka-site-beige) !important;
}
/* Normal articles and pages: eliminate the bright white reading sheet.
   These containers are canvas surfaces, not the inset content cards. */
html body .cm_post_page_lay_wrap :is(article.post-detail, article.page),
html body.page:not(.home) .cm_post_page_lay_wrap .content-entry > article.page,
html body.single-post.kace-cinema-edition .kace-reading-layout,
html body.single-post.kace-cinema-edition .kace-reading-layout.kace-no-index {
  background-color: var(--ka-site-beige) !important;
}
/* The archive shell currently resets --kads-paper locally; override there. */
html body .kads-shell,
html body .kads-page-heading {
  --kads-paper: var(--ka-site-beige);
  background-color: var(--ka-site-beige) !important;
}
/* Headings and editorial text remain ink-on-beige, with original typography. */