:root {
  --bg: #f8f5f0;
  --surface: #ffffff;
  --surface-muted: #f3eee8;
  --text: #342820;
  --text-muted: #75685f;
  --border: #e7ddd4;
  --accent: #a85d2a;
  --accent-dark: #84441d;
  --accent-soft: #f5e5d8;
  --danger: #b64235;
  --success: #377a58;
  --shadow: 0 10px 30px rgba(75, 45, 26, 0.08);
  --shadow-lg: 0 20px 50px rgba(75, 45, 26, 0.14);
  --radius: 16px;
  --radius-sm: 10px;
  --transition: 180ms ease;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  font-family: var(--sans);
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--bg);
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
}

button,
input {
  font: inherit;
}