:root {
  color-scheme: light;
  --background: #fbf7f1;
  --surface: #fffdf9;
  --surface-muted: #f5ede4;
  --text: #241c1a;
  --text-muted: #746761;
  --primary: #7a1f2b;
  --primary-soft: #f7e8eb;
  --success: #276747;
  --success-soft: #e8f4ed;
  --danger: #a62727;
  --danger-soft: #fae9e8;
  --border: #e4d6ca;
  --focus: #a93b4c;
  --shadow: 0 22px 60px -38px rgba(66, 28, 26, 0.55);
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;
  font-family: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--background); }
body {
  min-height: 100vh;
  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg, #fffaf3 0%, var(--background) 45%, #f6eee6 100%);
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 {
  font-family: "Fraunces", Georgia, serif;
  letter-spacing: -0.025em;
}
:focus-visible {
  outline: 3px solid rgba(169, 59, 76, 0.33);
  outline-offset: 3px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}