@import "../../../shared/app-landing.css";

body {
  background:
    radial-gradient(circle at 76% 18%, rgba(255, 200, 61, 0.2), transparent 32%),
    radial-gradient(circle at 18% 36%, rgba(255, 224, 138, 0.12), transparent 34%),
    linear-gradient(145deg, #0d0a04 0%, #120e06 48%, #1a1408 100%);
}

.klenny-hero-shot {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.45));
}

.screen { margin: 0; }

@media (prefers-color-scheme: light) {
  /* Inline vars on <html> set the dark palette; light mode needs a deeper yellow for contrast. */
  html {
    --accent: #b77900 !important;
    --accent-2: #d99a00 !important;
    --bg: #fffaf0 !important;
    --bg-soft: #fff1cc !important;
  }

  body {
    background:
      radial-gradient(circle at 76% 18%, rgba(255, 200, 61, 0.32), transparent 32%),
      radial-gradient(circle at 18% 36%, rgba(255, 224, 138, 0.28), transparent 34%),
      linear-gradient(145deg, #fffaf0 0%, #fff5dc 48%, #fff1cc 100%);
  }
}