:root {
  /* Typography */
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Layout */
  --page-max: 1260px;
  --content-max: 980px;
  --sidebar-w: 320px;
  --radius: 10px;

  /* Spacing (8px grid) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* GitHub Light (approx.) */
  --bg: #ffffff;
  --surface: #f6f8fa;
  --surface-2: #ffffff;
  --text: #24292f;
  --muted: #57606a;
  --border: #d0d7de;
  --link: #0969da;

  /* Accent used by your phpBB theme underline/buttons */
  --accent: #f0ad23;

  /* Subtle shadow, mostly border-driven */
  --shadow: 0 1px 0 rgba(31, 35, 40, 0.04);

  color-scheme: light;
}

html[data-theme="dark"] {
  /* GitHub Dark (approx.) */
  --bg: #0d1117;
  --surface: #161b22;
  --surface-2: #0d1117;
  --text: #c9d1d9;
  --muted: #8b949e;
  --border: #30363d;
  --link: #58a6ff;
  --accent: #f0ad23;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.35);

  color-scheme: dark;
}