/* Tokens from app/lib/theme/app_theme.dart (SharkSurfaces + GlassPanel / BrandLockup). */ :root { --navy: #0b1c2c; --teal: #14b8a6; --external: #3b82f6; --buddy: #7c6fbf; --canvas: #e8f0f6; --surface: #ffffff; --ink: #0b1c2c; --muted: #5b6b7c; --panel: rgb(247 251 255 / 35%); --panel-border: rgb(255 255 255 / 40%); --lockup-plate: transparent; --radius-panel: 28px; --radius-lockup: 10px; --header-h: 4rem; --font: system-ui, -apple-system, "Segoe UI", sans-serif; color-scheme: light; } html[data-theme="dark"] { --canvas: #0b1c2c; --surface: #102132; --ink: #e8f1f8; --muted: #9bb0c3; --panel: rgb(16 30 44 / 24%); --panel-border: rgb(214 238 255 / 25%); --lockup-plate: #f7fbff; color-scheme: dark; } /* No-JS fallback only. Explicit data-theme on wins (site default = light). */ @media (prefers-color-scheme: dark) { html:not([data-theme]) { --canvas: #0b1c2c; --surface: #102132; --ink: #e8f1f8; --muted: #9bb0c3; --panel: rgb(16 30 44 / 24%); --panel-border: rgb(214 238 255 / 25%); --lockup-plate: #f7fbff; color-scheme: dark; } }