/* Shared theme for standalone project pages (simplex.html, waymo-dashboard.html).
   Mirrors the main site: app/globals.css (dark tokens, green accent, square corners, Inter, glow h1, underline links). */
:root {
  --bg: hsl(12 6% 8%);
  --fg: hsl(210 40% 98%);
  --muted: hsl(215 20% 65%);
  --surface: hsl(17 3% 11%);
  --line: hsl(17 3% 20%);
  --accent: hsl(142 71% 45%);
  --good: hsl(142 71% 45%);
  --warn: hsl(38 92% 55%);
  --bad: hsl(0 72% 60%);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { background: var(--bg); }
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--fg);
  line-height: 1.6;
  font-size: 1.125rem;
  -webkit-font-smoothing: antialiased;
}
.page { max-width: 56rem; margin: 0 auto; padding: 4rem 1.5rem; }
@media (min-width: 768px) { .page { padding: 6rem 1.5rem; } }

h1 { font-size: 2.25rem; font-weight: 700; line-height: 1.15; margin-bottom: 1.25rem;
     text-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent), 0 0 30px var(--accent); }
h2 { font-size: 1.5rem; font-weight: 700; margin: 3rem 0 1rem; }
@media (min-width: 768px) { h1 { font-size: 3rem; } h2 { font-size: 1.875rem; } }
p { margin: 0.75rem 0; }
.lede { font-size: 1.35rem; font-weight: 500; line-height: 1.45; }
.meta, .src { font-size: 0.875rem; color: var(--muted); }
code { font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace; font-size: 0.85em; color: var(--muted); }

a { color: inherit; text-decoration: underline; text-decoration-color: var(--accent);
    text-underline-offset: 4px; text-decoration-thickness: 2px; transition: all .2s ease; }
a:hover { text-decoration-color: var(--fg); color: var(--accent); }
.back { display: inline-block; margin-bottom: 2rem; font-size: 1rem; color: var(--muted); }

.section { margin-bottom: 3rem; }
.card { background: var(--surface); border: 1px solid var(--line); padding: 1rem 1.25rem; }
.rule { border: 0; border-top: 1px solid var(--line); margin: 3rem 0 1rem; }
footer { font-size: 0.875rem; color: var(--muted); }