:root {
  --bg: #f3f5f9;
  --bg-elevated: #ffffff;
  --bg-sidebar: #eef2f7;
  --fg: #1a1f29;
  --fg-muted: #5a6473;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  --accent: #1576b7;
  --accent-fg: #ffffff;
  --accent-soft: rgba(21, 118, 183, 0.1);
  --danger: #c0392b;
  --done: #0f9d58;
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  --shadow-elev: 0 10px 28px rgba(0, 0, 0, 0.12);
  --radius: 12px;
  --radius-sm: 8px;
  --cell-size: 56px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

input {
  font: inherit;
  color: inherit;
}