/* Mirrors DesignTokens.swift (Kinetic Warmth). System fonts only: the pages load nothing third-party. */
:root {
  --primary: #FF4E2E;
  --on-primary: #FFFFFF;
  --background: #FBF1E5;
  --surface: #FFF8EF;
  --text: #151515;
  --text-muted: #6B5E52;      /* textMuted #7A6C5F, darkened for AA on the page background */
  --accent-hover: #0E6F68;
  --border: #EADCCB;
  --radius-lg: 20px;
}
* { box-sizing: border-box; }
html { background: var(--background); color: var(--text); -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  font: 17px/1.45 ui-rounded, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  background: var(--background);
}
main { width: 100%; max-width: 440px; padding: 32px 24px; text-align: center; }
.wordmark { font: 800 28px/1 ui-rounded, -apple-system, system-ui, sans-serif; letter-spacing: -0.01em; margin: 0 0 40px; }
.dot { display: inline-block; width: 9px; height: 9px; margin-left: 3px; border-radius: 50%; background: var(--primary); }
h1 { font: 800 30px/1.15 ui-rounded, -apple-system, system-ui, sans-serif; letter-spacing: -0.02em; margin: 0 0 14px; overflow-wrap: anywhere; }
p { margin: 0 0 24px; }
.muted { color: var(--text-muted); font-size: 15px; }
.center { text-align: center; }
.button {
  display: block; width: 100%; min-height: 52px; line-height: 52px; border-radius: 9999px;
  background: var(--primary); color: var(--on-primary); font-weight: 600; text-decoration: none; margin: 0 0 14px;
}
.button[hidden], .quiet[hidden], [hidden] { display: none !important; }
.quiet { display: block; min-height: 44px; line-height: 44px; color: var(--accent-hover); font-weight: 600; text-decoration: none; margin: 0 0 14px; }
.button:focus-visible, .quiet:focus-visible { outline: 3px solid var(--accent-hover); outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  /* The app renders light always (see DESIGN.md); the page does too, so a shared link looks like the app. */
  html, body { color-scheme: light; }
}