/* ==========================================================================
   THEME: Midnight — deep navy, coral accent, soft radii, gradient headline.
   Warmer and friendlier than the default; least "developer" of the set.

   Preview: http://localhost:4173/?theme=midnight
   Adopt permanently: see "Themes" in README.md
   ========================================================================== */
@import url("styles.css");

:root {
  --bg: #0f1420;             /* deep navy */
  --surface: #171e30;
  --ink: #eef1f8;
  --ink-dim: #97a0b8;
  --accent: #ff6f61;         /* coral */
  --accent-ink: #2b0f0a;
  --accent-soft: #ffe6e2;
  --accent-soft-ink: #7c2d23;
  --line: #27314b;
  --radius: 18px;
}

/* gradient display headline */
.tagline {
  background: linear-gradient(100deg, #ff6f61 10%, #ffb35c 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* rounder controls to match the softer radius */
#lm-form input, #lm-form button { border-radius: 12px; }
.card .buy, .card.soon .soon-tag { border-radius: 11px; }

/* a whisper of depth behind the page */
body {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(255, 111, 97, 0.09), transparent 60%),
    var(--bg);
}