Given these layers, what color does the paragraph get and why, considering how `@layer` interacts with the cascade origin and unlayered styles?

@layer base, theme; @layer base { .note { color: green; } } @layer theme { .note { color: blue; } } .note { color: red; } /* <p class="note">…</p> */