/* Shared look of every lab page: the navy and gold of jzmarquez.com
   (tokens from the portfolio's src/index.css). Dark by default, like the
   portfolio; light when the system asks for it. The Godot builds keep their own. */
:root {
  color-scheme: dark;
  --bg: #1f2937;
  --bg-2: #111827;
  --surface: #273242;
  --text: #ffffff;
  --muted: #d1d5db;
  --line: rgba(161, 138, 102, .3);
  --accent: #a18a66;
  --accent-hover: #b39b74;
  --accent-text: #111827;
  --link: #c9b084;
  --chip: rgba(161, 138, 102, .16);
  --warn-bg: rgba(245, 158, 11, .18);
  --warn-text: #fcd34d;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #fafaf9;
    --bg-2: #f5f5f4;
    --surface: #ffffff;
    --text: #1c1917;
    --muted: #44403c;
    --line: rgba(139, 105, 20, .3);
    --accent: #8b6914;
    --accent-hover: #713f12;
    --accent-text: #ffffff;
    --link: #8b6914;
    --chip: rgba(139, 105, 20, .1);
    --warn-bg: #fef3c7;
    --warn-text: #78350f;
    --shadow: 0 1px 2px rgba(60, 40, 20, .08), 0 6px 20px rgba(60, 40, 20, .08);
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: var(--link); }
.back { display: inline-block; margin-bottom: 8px; font-size: 14px; color: var(--muted); text-decoration: none; }
.back:hover { color: var(--link); }
/* Back link and language switch (ES · EN) at the top of a page */
.top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin-bottom: 8px; }
.top .back { margin-bottom: 0; }
.lang { margin: 0; font-size: 14px; color: var(--muted); }
.lang a { color: var(--muted); text-decoration: none; padding: 2px; }
.lang a:hover { color: var(--link); }
.lang a[aria-current="page"] { color: var(--text); font-weight: 600; }