.dew-app-shell {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 20% 18%, rgba(224, 248, 246, 0.9), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(214, 242, 255, 0.72), transparent 30%),
    linear-gradient(135deg, var(--dew-color-bg), var(--dew-color-bg-alt));
  color: var(--dew-color-text);
}

.dew-screen {
  width: 100%;
  min-height: 100dvh;
}

.dew-screen-inner {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: var(--dew-space-5);
}

.dew-desktop-sidebar-offset {
  padding-left: 0;
}

@media (min-width: 769px) {
  .dew-screen-inner {
    padding: var(--dew-space-8) var(--dew-space-10);
  }

  .dew-desktop-sidebar-offset {
    padding-left: 132px;
  }
}

@media (min-width: 1200px) {
  .dew-screen-inner {
    width: min(100%, 1280px);
  }
}