/* DropX Theme: Light — mobile */
@media (max-width: 768px) {
  body.theme-light { font-size: var(--theme-font-size-base); }
  body.theme-light .app-container { border-radius: 0; }
}

/* PATCH 16 — MOBILE / PWA STATUS-BAR COLOR SYNC
 * Keep the iOS/Chrome mobile top system area visually aligned with the
 * light DropX app header instead of the darker page background.
 */
@media (max-width: 768px) {
  html[data-dx-theme="light"] {
    background: #eee4d5;
  }

  html[data-dx-theme="dark"] {
    background: #0f0c0a;
  }
}