Added
- Design tokens:
--blur-2xs: blur(2px)added to the blur scale — fills the gap below--blur-xs(4px), used for subtle overlay blurs - Design tokens:
--module-reminders: #0E7490(Cyan-700, WCAG AA) added for the reminders feature; dark mode variant#22D3EE(Cyan-400)
Fixed
- Design tokens: hardcoded
blur(16px),blur(2px), andblur(12px)inlayout.cssreplaced withvar(--blur-md),var(--blur-2xs), andvar(--blur-sm)—prefers-reduced-transparencynow correctly disables all backdrop-filter effects including bottom nav, more-sheet backdrop, and sticky headers - Accessibility:
layout.cssnow has aprefers-reduced-transparencyblock for.nav-bottom,.more-backdrop, and.sticky-header— these three elements previously kept their backdrop-filter active even when the user requested reduced transparency - Reminders: reminder bell icon in toasts now uses
var(--module-reminders)instead of the genericvar(--color-accent)