Challenge 1: Why "Changing Variant" Isn't the Same as "Changing Color" — Solution Walkthrough

The answer:

Per Chapter 5's own material, Variants group several related
components — here, the toggle's On and Off states — into one single
switchable component set, with a property that switches between them.
Tapping the toggle in this capstone's own Step 5 switches which
variant of the toggle component is currently displayed, rather than
simply changing one property (like fill color) on an otherwise
unchanged single component.

Why this distinction matters:

A variant can differ in more than just color — the On and Off states
of a real toggle typically differ in the switch's own position, its
background color, and potentially other visual details all at once.
Describing this as "the color changed" understates what's actually
happening; the entire component swapped to a different, fully
pre-designed variant of itself.

Why this connects back to Chapter 5's own reasoning:

This chapter explained that Variants exist specifically so related
states like this don't need to be managed as entirely separate,
unrelated components — one switchable set, with one property
controlling which state is currently shown, is exactly what's
happening here.

WHY THIS WORKS AS AN ANSWER
------------------------------
This exercise checks that a toggle's variant switch is correctly
understood as swapping between pre-designed component states, not
merely adjusting a single color property.