/* MyMappi v778 — one color language across the app without recoloring the
   map, memories, user customization, provider pins, or account chrome. */

/* Populated Home keeps its warm memory-card surfaces, but its page canvas now
   begins in the same quiet sky/porcelain family as Welcome and Memory Lane. */
html body .app-shell .map-stage.home-focus:not(.has-empty-home),
html body main.app-shell section.map-stage.home-focus:not(.has-empty-home) {
  background:
    radial-gradient(circle at 88% 8%, rgba(52, 145, 181, 0.11), transparent 34%),
    radial-gradient(circle at 12% 3%, rgba(63, 187, 151, 0.09), transparent 34%),
    radial-gradient(circle at 50% 84%, rgba(255, 255, 255, 0.72), transparent 46%),
    linear-gradient(
      180deg,
      var(--mymappi-color-sky-wash) 0%,
      var(--mymappi-color-porcelain) 50%,
      #fbfaf6 100%
    ) !important;
}

/* MM and OM keep identical geometry. Color now helps explain the two worlds:
   mint for the private memory map; sky/aqua for public discovery. */
html body main.app-shell section.map-stage.map-focus .map-scope-switch button[data-map-scope="mm"]:is(.active, [aria-pressed="true"]) {
  border-color: rgba(115, 223, 200, 0.58) !important;
  color: var(--mymappi-color-deep-ocean) !important;
  background: linear-gradient(145deg, var(--mymappi-color-mint-soft), var(--mymappi-selection-private)) !important;
  box-shadow: 0 2px 8px rgba(3, 82, 78, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body main.app-shell section.map-stage.map-focus .map-scope-switch button[data-map-scope="om"]:is(.active, [aria-pressed="true"]) {
  border-color: rgba(65, 174, 190, 0.48) !important;
  color: var(--mymappi-color-deep-ocean) !important;
  background: linear-gradient(145deg, var(--mymappi-color-sky), var(--mymappi-selection-public)) !important;
  box-shadow: 0 2px 8px rgba(21, 111, 129, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html body main.app-shell section.map-stage.map-focus .map-scope-switch button[data-map-scope]:is(.active, [aria-pressed="true"]) .map-scope-abbreviation {
  color: var(--mymappi-color-deep-ocean) !important;
}

/* Product-level calls to action on light surfaces share the exact Welcome
   gradient. OM discovery actions intentionally retain their brighter public
   teal, and memory/category accents remain personal to their content. */
html body .auth-gate .account-auth-button.primary,
html body .auth-gate .auth-beta-request-link,
html body .app-shell #homeStarter .home-starter-primary,
html body .app-shell #homeMemoryOfDay .home-living-action,
html body .app-shell .map-stage.home-focus #homeDashboard .home-section-recovery-retry,
html body .customize-mymappi-dialog .customize-mymappi-save,
html body .people-pets-dialog .people-pets-actions .people-pets-primary {
  border-color: rgba(11, 114, 100, 0.42) !important;
  color: var(--mymappi-action-primary-ink) !important;
  background: var(--mymappi-action-primary-gradient) !important;
  box-shadow:
    0 15px 30px rgba(4, 52, 74, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

@media (forced-colors: active) {
  html body main.app-shell section.map-stage.map-focus .map-scope-switch button[data-map-scope]:is(.active, [aria-pressed="true"]),
  html body .auth-gate .account-auth-button.primary,
  html body .app-shell #homeStarter .home-starter-primary,
  html body .app-shell #homeMemoryOfDay .home-living-action,
  html body .app-shell .map-stage.home-focus #homeDashboard .home-section-recovery-retry,
  html body .customize-mymappi-dialog .customize-mymappi-save,
  html body .people-pets-dialog .people-pets-actions .people-pets-primary {
    border-color: ButtonText !important;
    color: ButtonText !important;
    background: ButtonFace !important;
    box-shadow: none !important;
    forced-color-adjust: auto;
  }
}