:root {
  --bg: #f5f5f7;
  --fg: #1c1c1e;
  --grid-gap: 16px;
}

[data-theme="dark"] {
  --bg: #0f0f12;
  --fg: #f0f0f5;
}

html, body { margin: 0; padding: 0; height: 100%; background: var(--bg); color: var(--fg); }
body { font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; }

#grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--grid-gap);
  padding: var(--grid-gap);
  min-height: 100%;
  box-sizing: border-box;
}