/* Create with AI — class hub. Light, quiet, modern. */
:root {
  --bg: #f6f5f2;
  --paper: #fff;
  --ink: #1c1917;
  --muted: #57534e;
  --faint: #a8a29e;
  --line: #e7e5e4;
  --accent: #0f766e;
  --accent-soft: #ccfbf1;
  --danger: #b91c1c;
  --ok: #047857;
  --warn: #b45309;
  --ring: 0 0 0 3px rgba(15, 118, 110, 0.28);
  --shadow: 0 1px 2px rgba(28, 25, 23, 0.06);
  --radius: 12px;
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --bar-h: 56px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
}

body {
  font-family: var(--font);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.5;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

button, input, select, textarea { font: inherit; }

:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}

code { font-family: var(--mono); font-size: 0.9em; }