@layer themes;

@layer themes {
    /* Theme toggling is handled in tokens.css via [data-theme] */

    /* Additional theme-specific overrides can go here */
    [data-theme="dark"] .hero__bg {
        opacity: 0.25;
    }

    [data-theme="light"] .hero__bg {
        opacity: 0.1;
    }
}