frontend/src/index.css

:root {
  --bg: #faf9f5;
  --surface: #ffffff;
  --sidebar-bg: #f0eee6;
  --text: #3d3929;
  --text-muted: #6b6658;
  --text-faint: #97918a;
  --border: #e8e6dc;
  --border-strong: #d4d0c4;
  --accent: #c96442;
  --accent-hover: #b05638;
  --accent-soft: rgba(201, 100, 66, 0.15);
  --pass: #2d7a4f;
  --pass-bg: #e4f0e8;
  --fail: #b4332a;
  --fail-bg: #f5e3e0;
  --code-bg: #f4f3ec;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);

  --sans: "Styrene B", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --heading: "Copernicus", "Tiempos Text", "Iowan Old Style", Georgia, serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  color-scheme: light;
  color: var(--text);
  background: var(--bg);
  font-family: var(--sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
}

p {
  margin: 0;
}

code {
  font-family: var(--mono);
  font-size: 13px;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--code-bg);
  color: var(--text);
}