/* ============================================================
   WoundScore Design System — Base
   Reset, body, font, and page background.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { overflow-x: hidden; }

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--color-near-black);
  background: var(--color-cream);
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

a { color: inherit; text-decoration: none; }

/* Page wrapper — cream background with subtle sage radial glow */
.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 48% 38%, rgba(168, 197, 160, 0.28), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, var(--color-cream) 100%);
}