:root {
  --bg: #f4f6f9;
  --card: #fff;
  --text: #111;
  --muted: #666;
  --border: #ced4da;
  --shadow: rgba(0,0,0,0.06);
}

[data-theme="dark"] {
  --bg: #1a1a2e;
  --card: #16213e;
  --text: #eee;
  --muted: #aaa;
  --border: #444;
  --shadow: rgba(0,0,0,0.3);
}

html, body {
  min-height: 100%;
  background: var(--bg);
  margin: 0;
}

.container, .card, .box, .editor, .tile, .summary, .list-item {
  background: var(--card);
  color: var(--text);
}

input, select, textarea {
  background: var(--card);
  color: var(--text);
  border-color: var(--border);
}

input::placeholder, textarea::placeholder {
  color: var(--muted);
}

.btn-secondary {
  background: var(--muted);
}

/* Optional: Links */
a {
  color: var(--text);
}

/* Optional: Tabellen */
th, td {
  border-color: var(--border);
}

th {
  color: var(--muted);
}