/* Site layout — colors/fonts come from dataroom-theme.css
   (symlinked from ~/theme/dataroom-theme.css). Loaded first in index.html. */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-body, "EB Garamond", serif);
  background: var(--background);
  color: var(--foreground);
  line-height: 1.6;
  text-shadow: var(--text-shadow);
}
.wrap { max-width: 760px; margin: 0 auto; padding: 3rem 1.5rem; }
h1, h2, h3 {
  font-family: var(--font-header, 'Roboto Condensed', sans-serif);
  color: var(--color-heading, var(--foreground));
}
h1 { font-size: var(--font-size-h1, 32px); font-weight: var(--font-weight-h1, 400); margin: 0 0 0.25rem; letter-spacing: -0.02em; }
h2 { font-size: var(--font-size-h2, 24px); font-weight: var(--font-weight-h2, 400); }
.accent { color: var(--secondary); }
.tagline { color: var(--muted); font-size: 1.15rem; margin: 0 0 2.5rem; }
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--box-shadow);
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.25rem;
}
.card h2 { margin-top: 0; }
a { color: var(--color-link, var(--accent)); }
a:hover { color: var(--color-link-hover, var(--secondary)); }
code {
  font-family: var(--font-mono, monospace);
  background: var(--surface-alt);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.15em 0.4em;
  font-size: 0.9em;
}
footer { color: var(--muted); font-size: 0.9rem; margin-top: 2rem; }