Now let me read the remaining components and check the globals.css for dark mode variables:
I can see the issue. Most GoPaperless components use hardcoded light-mode colors (bg-white, bg-[#F8FAFC], text-[#0F172A], text-[#64748B]) instead of CSS variables that respect dark mode. I need to update all sections to use theme-aware variables. Let me fix each component:
The CTA is already dark. Let me check and fix the remaining components - hero and trust-strip:
The hero looks good (dark by design). The trust strip needs dark mode support. Let me fix it:
All GoPaperless sections are now updated with proper dark mode support using CSS variables (var(--section-bg), var(--section-bg-alt), var(--text-primary), var(--text-secondary), var(--text-muted), var(--bdr)). The icon containers in features and security sections now invert colors in dark mode (green icons on dark backgrounds become dark icons on green backgrounds). The hero and CTA sections remain intentionally dark for visual impact.
You can send messages while the preview loads