/* ============================================================ SXMeets Mobile — Light theme (Caribbean sun-readable) ------------------------------------------------------------ Activated by adding `bright` class to . Keeps the same token names so all components themed against tokens.css flip automatically. Per-OS scopes below override accents. Extracted from fleetos-mobile-v2 body.bright (proven in prod). ============================================================ */ body.bright{ --bg: #EEF2F8; --surface: #FFFFFF; --surface-2: #F5F8FC; --surface-3: #E6ECF4; --border: rgba(10,26,46,.14); --border-2: rgba(10,26,46,.08); --text: #0A1A2E; --muted: rgba(10,26,46,.68); --muted-2: rgba(10,26,46,.42); --navy: #0061A0; --navy-d: #004B7A; --coral: #D63A1A; --coral-d:#B12E12; --teal: #00897B; --green: #16A34A; --amber: #B45309; --red: #DC2626; --purple: #7C3AED; --shadow: 0 4px 14px rgba(10,26,46,.12); --shadow-sm: 0 1px 3px rgba(10,26,46,.08); } /* ============================================================ Per-OS bright accent overrides — mirror dark mode but tuned for white-bg contrast (deeper saturation, lower brightness). ============================================================ */ body.bright[data-os="wellness"]{ --bg: #F4EFE6; --surface: #FFFFFF; --surface-2: #F8F3EA; --surface-3: #EFE7D9; --navy: #4A8B6A; --navy-d: #2F6B4D; --coral: #8B6E45; --coral-d:#6B5230; } body.bright[data-os="services"]{ --navy: #2563EB; --navy-d: #1E40AF; --coral: #D9621A; --coral-d:#B14E12; } body.bright[data-os="transitos"]{ --navy: #B45309; --navy-d: #92400E; --coral: #00897B; --coral-d:#006B61; } body.bright[data-os="restos"]{ --navy: #C04E0F; --navy-d: #9A3D0B; --coral: #D9A91E; --coral-d:#A98115; } body.bright[data-os="sales"]{ --navy: #4338CA; --navy-d: #312E81; --coral: #BE185D; --coral-d:#9D174D; } body.bright[data-os="sports"]{ --navy: #B91C1C; --navy-d: #991B1B; --coral: #00897B; --coral-d:#006B61; } body.bright[data-os="education"]{ --navy: #1D4ED8; --navy-d: #1E3A8A; --coral: #B45309; --coral-d:#92400E; } body.bright[data-os="culture"]{ --navy: #6D28D9; --navy-d: #4C1D95; --coral: #BE185D; --coral-d:#9D174D; } body.bright[data-os="beauty"]{ --navy: #BE185D; --navy-d: #9D174D; --coral: #BE123C; --coral-d:#9F1239; } body.bright[data-os="terra"]{ --navy: #15803D; --navy-d: #166534; --coral: #4D7C0F; --coral-d:#365314; } body.bright[data-os="venue"]{ --navy: #6D28D9; --navy-d: #4C1D95; --coral: #B45309; --coral-d:#92400E; } body.bright[data-os="property"]{ --navy: #0F766E; --navy-d: #115E59; --coral: #C2410C; --coral-d:#9A3412; } body.bright[data-os="hospitality"]{ --navy: #0061A0; --navy-d: #004B7A; --coral: #B8941F; --coral-d:#8C6F14; }