/* Shared dark surfaces. Light article paper, media and intentional image fallbacks
   keep their own backgrounds. The page gradient is one continuous painting. */
:root {
  --cailev-editorial-image-shade: linear-gradient(180deg, rgba(0,0,0,.64), rgba(0,0,0,.74));
  --cailev-page-red: #1c1016;
  --cailev-page-violet: #18121d;
  --cailev-page-bottom: #130e12;
  --cailev-page-gradient: linear-gradient(170deg, var(--cailev-page-red), var(--cailev-page-violet) 58%, var(--cailev-page-bottom));
}
.site-shell,
.editor-styles-wrapper .cailev-editor-canvas {
  background: var(--cailev-page-gradient);
}
.site-shell { --muted: #cbbdaf; }
.blog-index-copy {
  background: linear-gradient(135deg, #211219, #191320);
}
.cailev-home-tile { background:#000; }
/* Shade image-backed text without washing out the pictures. */
.cailev-home-tile::before { background:var(--cailev-editorial-image-shade); }
.cailev-landing-compact { background: transparent; --lp-muted: #cbbdaf; }
/* One background spans hero, physical gear, digital tools and signal flow.
   A section cannot create a hard seam when it paints no separate background. */
.site-shell:has(.gear-hero),
.editor-styles-wrapper .cailev-editor-canvas:has(.gear-hero) {
  /* Historical Gear hues, painted once across the page instead of per section. */
  background:
    radial-gradient(ellipse at 12% 12%, rgba(151, 44, 61, .21), transparent 45%),
    radial-gradient(ellipse at 83% 68%, rgba(75, 78, 151, .25), transparent 40%),
    linear-gradient(180deg, #130d10, #1c1017 32%, #10111a 68%, #140e13);
}

.gear-v2-physical, .gear-v2-digital, .gear-chain-section { background: transparent; }
/* Existing About and Courses sections share their page surface as well. */
.about-manifesto, .about-closing,
.courses-hero, .courses-outline, .courses-collab, .courses-closing { background: transparent; }
/* Article headings retain neutral contrast protection without a color cast. */
.article-hero-shade { background:var(--cailev-editorial-image-shade); }
/* The About-led homepage keeps a restrained wine-red surface across its sections. */
.site-shell:has(.cailev-home),
.editor-styles-wrapper .cailev-editor-canvas:has(.cailev-home) {
  background: linear-gradient(165deg, #180b10, #140a0e 58%, #10080b);
}

/* Music owns its page surface, including the global header and footer. */
.site-shell:has(.cailev-music-chapters),
.editor-styles-wrapper .cailev-editor-canvas:has(.cailev-music-chapters) {
  background:
    linear-gradient(90deg,
      rgb(var(--cailev-music-first-glow, 32 14 23) / .55),
      rgb(var(--cailev-music-first-base, 21 12 18)) 58%,
      rgb(var(--cailev-music-first-shade, 15 10 16)))
    rgb(var(--cailev-music-first-base, 21 12 18));
}

/* One neutral image-wide shade; no inset text panels or invented fallback art. */
.compact-post-image::after { background:var(--cailev-editorial-image-shade); }
.compact-post-image img { opacity:1; filter:none; }
.cailev-home-tile-copy, .compact-post-card { color:#f1e8d8; }
.cailev-home-tile .cailev-home-date,
.cailev-home-tile p, .compact-post-card .story-meta,
.compact-post-card > p:not(.story-meta),
.article-hero-content p { color:#e0d6cb; }