:root {
  color-scheme: light;
  --bg-base: #f8f5f2;
  --bg-panel: #fffdfb;
  --bg-soft: #f4ede7;
  --text-primary: #292321;
  --text-secondary: #6a5a4f;
  --accent: #b8895f;
  --accent-strong: #986840;
  --danger: #b54545;
  --border: #e9ddd2;
  --shadow-soft: 0 8px 24px rgba(56, 39, 25, 0.08);
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --font-main: "Inter", "Segoe UI", Roboto, sans-serif;
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 18px;
  --space-xl: 24px;
  --space-2xl: 30px;
}

body {
  background: radial-gradient(circle at top right, #fff9f4 0%, var(--bg-base) 40%, #efe5dc 100%);
  color: var(--text-primary);
  font-family: var(--font-main);
  min-height: 100vh;
}