:root {
  color-scheme: light;
  --ink: #1f2937;
  --muted: #5b6474;
  --purple: #6d28d9;
  --cyan: #0891b2;
  --line: #e6e8ef;
  --paper: #ffffff;
  --wash: #f7f5ff;
}

html {
  background: #f7f8fc;
}

body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(135deg, #fbf9ff, #ffffff 52%, #effcff);
  background-attachment: fixed;
  font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Loading state fallback before React mounts */
#root:empty::before {
  content: "Loading forecast…";
  display: block;
  padding: 4rem 2rem;
  color: var(--muted);
  text-align: center;
}