Exercise 1: Applying the Global Dark Theme — Possible Solution
====================================================================

THE FILES
------------------------------
Per this chapter, app/globals.css defines the dark theme's own CSS
custom properties and a body rule using them, and app/layout.tsx (from
Chapter 4) gets a single new line added: import './globals.css'; near
the top of the file, alongside its existing imports.

WHY ONE IMPORT IS ENOUGH
------------------------------
Because app/layout.tsx is the root layout - and, per Chapter 4's own
finding, every route in the entire project automatically renders inside
it with no per-page opt-in required - a single import statement in that
one file is genuinely enough to apply the stylesheet everywhere. There's
no equivalent import needed in app/[...path]/page.tsx or anywhere else.

CONFIRMATION
------------------------------
Visiting the homepage and at least one real nested page (e.g. a page
two or three levels deep) both show the dark background and light text
correctly - confirming the import applies globally, not just to
whichever route happened to be tested first.

WHY THIS WORKS AS AN ANSWER
------------------------------
It correctly places the import in the root layout rather than in an
individual page or component, and confirms the styling applies across
more than one route rather than just the first page checked - directly
testing the "applies site-wide, one import" claim this chapter makes,
not just assuming it.