/* Fine tuning for Tali visual identity */
body {
  background-color: #f8f3e8 !important;
  background-image:
    linear-gradient(120deg, rgba(255, 255, 255, 0.92), rgba(248, 243, 232, 0.90)),
    var(--tali-bg-image) !important;
  background-repeat: repeat !important;
  background-size: auto, 760px auto !important;
  background-attachment: fixed !important;
  background-position: center top !important;
}

.app-shell {
  background: rgba(248, 243, 232, 0.42);
  border-radius: 0;
}

.topbar,
.hero-card,
.section-head,
.content-section,
.dashboard-card,
.diagnosis-form,
.tali-tabs-card {
  background-color: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px);
}

.content-section,
.section-head,
.hero-card,
.dashboard-card {
  box-shadow: 0 12px 30px rgba(58, 36, 95, 0.08);
}

.brand-mark {
  background-size: cover !important;
  background-color: rgba(255, 255, 255, 0.88);
}

@media print {
  body {
    background-color: #f8f3e8 !important;
    background-image:
      linear-gradient(120deg, rgba(255, 255, 255, 0.94), rgba(248, 243, 232, 0.92)),
      var(--tali-bg-image) !important;
    background-repeat: repeat !important;
    background-size: auto, 700px auto !important;
    background-attachment: scroll !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}