@font-face { font-family: "Fraunces"; font-weight: 500; font-display: swap; src: url("/fonts/fraunces-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-weight: 400; font-display: swap; src: url("/fonts/space-grotesk-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-weight: 500; font-display: swap; src: url("/fonts/space-grotesk-latin-500-normal.woff2") format("woff2"); }

/* Palette: slate and safety orange (provisional until Rishabh picks one) */
:root {
  --ink: #262B29;
  --paper: #F5F6F4;
  --accent: #FF6B1A;
  --muted: #5E6461;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #F5F6F4; --paper: #262B29; --muted: #A9AEA8; }
}

* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 40rem;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
}
.mark { width: 72px; height: 72px; margin-bottom: 2rem; }
.mark .solid { fill: var(--accent); }
.mark .sketch { fill: none; stroke: var(--ink); stroke-width: 3; stroke-dasharray: 6 4; stroke-linecap: round; }
h1 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2.5rem, 8vw, 4rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.tagline { margin-top: 0.75rem; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.02em; }
.lede { margin-top: 2rem; font-size: 1.125rem; line-height: 1.6; color: var(--muted); max-width: 32rem; }
.soon { margin-top: 1rem; font-size: 1rem; color: var(--muted); }
.soon::before { content: ""; display: inline-block; width: 8px; height: 8px; background: var(--accent); margin-right: 0.6rem; vertical-align: 0.1em; }
footer { padding: 1.5rem; text-align: center; font-size: 0.875rem; color: var(--muted); }