/* * Platform default colour palette ("Clinical White"). * * Loaded unconditionally from index.html as the cascade FLOOR for --cl-* vars. * A clinic's own /clinics/{id}/live/css/colours.css is injected later in * by useApplyClinicBranding, overriding these defaults via normal CSS cascade. * * Effect: no FOUC — the page always renders with a valid palette, and clinic * colours simply override on top once their colours.css loads. */ :root { --cl-primary: #244A8F; --cl-primary-fg: #FFFFFF; --cl-primary-hover: #1E3E78; --cl-bg: #F7FAFD; --cl-fg: #152334; --cl-card: #FFFFFF; --cl-card-fg: #152334; --cl-muted: #EEF4FA; --cl-muted-fg: #50667F; --cl-border: #D7E2EE; --cl-focus-ring: #7BB5D9; --cl-danger: #DC2626; --cl-success: #1F8A63; --cl-warning: #BE7A18; } [data-theme="dark"] { --cl-primary: #8DBDDB; --cl-primary-fg: #112132; --cl-primary-hover: #A6CEE6; --cl-bg: #16212F; --cl-fg: #EDF3F8; --cl-card: #1D2B3B; --cl-card-fg: #EDF3F8; --cl-muted: #223244; --cl-muted-fg: #9CB2C8; --cl-border: #31465C; --cl-focus-ring: #8DBDDB; --cl-danger: #F87171; --cl-success: #67D2A9; --cl-warning: #F2C46B; }