:root {
  --bg: #f4f1ea;
  --panel: #ffffff;
  --ink: #2b2b2b;
  --muted: #8a8a8a;
  --accent: #e07a5f;
  --accent-soft: #f2cc8f;
  --line: #e3ded3;
  --shadow: 0 4px 14px rgba(0,0,0,.08);
  --radius: 14px;
  --note-yellow: #ffe066;
  --note-pink: #ff9ebb;
  --note-green: #9be39b;
  --note-blue: #8ecbff;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

h1, h2 { font-weight: 600; }

button {
  cursor: pointer;
  font-family: inherit;
  border: none;
}