Exercise 1: Site-Wide Dark Theme — Possible Solution
====================================================================

/* src/styles/global.css */
body {
  background: #0f1117;
  color: #c9d1d9;
  font-family: system-ui, sans-serif;
  margin: 0;
}

---
// src/layouts/PageLayout.astro
import '../styles/global.css';
// ...rest unchanged from Chapter 4
---

CONFIRMATION
------------------------------
Since every route resolves through [...path].astro, which renders
through PageLayout, and PageLayout imports global.css exactly once
in its own frontmatter, every page on the site - not just one - gets
the dark background and text color applied automatically, with no
per-page import needed anywhere else.

WHY THIS WORKS AS AN ANSWER
------------------------------
It correctly shows global.css imported once in the shared layout,
and correctly explains why that single import is sufficient for the
dark theme to apply across every route in the project.