/* SailRx — CSS custom properties for dark/light mode Applied via :root.dark and :root.light (set by Alpine on ) */ :root { --color-bg: #000000; --color-card: #18181b; --color-border: #27272a; --color-text: #ffffff; --color-muted: #a1a1aa; --color-accent: #38bdf8; --color-input-bg: #27272a; } :root.light { --color-bg: #ffffff; --color-card: #f4f4f5; --color-border: #e4e4e7; --color-text: #18181b; --color-muted: #71717a; --color-accent: #0284c7; --color-input-bg: #f4f4f5; } /* Smooth theme transition */ *, *::before, *::after { transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } /* Prevent transition on page load */ .no-transition, .no-transition * { transition: none !important; }