/* SkiLog "coming soon" page. The full site lives in draft/ (not published). */

@font-face {
  font-family: "Geist";
  src: url("assets/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #FDFDFE;
  --text: #0D1B4C;
  --text-2: #43507A;
  --text-3: #5B6687;
  --accent: #2168FF;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0B1220;
    --text: #E8EDFA;
    --text-2: #B4BEDA;
    --text-3: #98A3C2;
    --accent: #6C9DFF;
    color-scheme: dark;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  min-height: 100dvh;
  display: flex; flex-direction: column;
  background: var(--bg) url("assets/mountains.webp") center bottom / cover no-repeat;
  color: var(--text);
  font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
@media (prefers-color-scheme: dark) { body { background-image: none; } }

.soon {
  flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 48px 16px;
}
.soon__logo { width: 112px; height: 112px; margin-bottom: 20px; }
.soon__brand { margin: 0 0 28px; font-size: 1.4rem; font-weight: 700; letter-spacing: -.02em; }
h1 {
  margin: 0 0 12px;
  font-size: clamp(2.6rem, 8vw, 4.5rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.05;
  color: var(--accent);
}
.soon__lead { margin: 0; font-size: clamp(1.05rem, 2.4vw, 1.3rem); color: var(--text-2); }

.footer { text-align: center; padding: 24px 16px 32px; font-size: .85rem; color: var(--text-3); }

@media (prefers-reduced-motion: no-preference) {
  .soon > * { animation: rise .8s cubic-bezier(.16, 1, .3, 1) both; }
  .soon > :nth-child(2) { animation-delay: .06s; }
  .soon > :nth-child(3) { animation-delay: .12s; }
  .soon > :nth-child(4) { animation-delay: .18s; }
}
@keyframes rise { from { opacity: 0; transform: translateY(16px); } }