/** * Opt-in daypart theming. Apply the .nahar-env-aware class to any element * to let it respond to [data-daypart] on . */ :root { --nahar-env-accent: #0f172a; } [data-daypart='dawn'] { --nahar-env-accent: #f97316; } [data-daypart='day'] { --nahar-env-accent: #0284c7; } [data-daypart='dusk'] { --nahar-env-accent: #a21caf; } [data-daypart='night'] { --nahar-env-accent: #1e293b; } .nahar-env-aware { transition: color 0.6s ease, background-color 0.6s ease; } @media (prefers-reduced-motion: reduce) { .nahar-env-aware { transition: none; } }