/*itsrlabs/apps/platform/static/css/home/home_shell.css*/
/* Opt-in via home_layout flags → body.home-bg-dots / body.home-bg-dark.
   Neither class → no overrides (original home look). */

/* ── Dots only (light surfaces) ───────────────────────────────── */
body.home-bg-dots:not(.home-bg-dark) {
  background-color: #ffffff;
  background-image: url("../../images/textures/home_shell_dots_light.svg");
  background-size: 1440px 960px;
  background-position: 0 0;
  background-repeat: repeat;
  background-attachment: fixed;
}

body.home-bg-dots:not(.home-bg-dark):has(.mk-page) {
  background-color: var(--mk-cream, #f3eee2);
}

/* ── Dark background (hero ink) ───────────────────────────────── */
body.home-bg-dark {
  background-color: var(--mk-ink, #11253c);
  color: var(--mk-text-on-dark, #faf6ec);
}

body.home-bg-dark:has(.mk-page) {
  background-color: var(--mk-ink, #11253c);
}

/* Kill the default light gray header wash on dark shells. */
body.home-bg-dark .itsr-header.itsr-header--pill {
  background: transparent;
}

/* ── Dark + dots ──────────────────────────────────────────────── */
body.home-bg-dark.home-bg-dots {
  background-image: url("../../images/textures/home_shell_dots_dark.svg");
  background-size: 1440px 960px;
  background-position: 0 0;
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Let the body texture / color show through marketing wrappers. */
body.home-bg-dots .mk-page,
body.home-bg-dark .mk-page {
  background-color: transparent;
  background-image: none;
}