/**
 * SCS — central stylesheet for all client pages.
 * Edit colors/tokens in scs-theme.css; page layout in the imported files below.
 *
 * Note: @import loads files one-after-another (slower than parallel <link> tags).
 * For fastest first paint, pages may link scs-theme.css + styles.css directly instead.
 */
@import url("scs-theme.css");
@import url("/theme-overrides.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

/* Shared dashboard + login + alerts */
@import url("styles.css?v=20260618whitehdr");
@import url("evac-alert.css");

/* Page layouts (scoped by body class: .dashboard-page, .ops-page, .bc-page, etc.) */
@import url("ops-dashboard.css");
@import url("beach-command.css");
@import url("scs-system-health.css");
@import url("command-center.css");
@import url("control-room.css");
@import url("map.css");
@import url("sharksmart-alerts.css");

@import url("scs-pi-fleet.css");
@import url("scs-mobile.css?v=20260618whitehdr");

/* Global defaults — every page inherits navy + alert tokens from scs-theme.css */
html {
  background: var(--scs-bg-page);
  color-scheme: dark;
}

body {
  margin: 0;
  background: var(--scs-bg-page);
  color: var(--scs-text);
  font-family: var(--scs-font);
  font-size: var(--scs-font-size-base);
  line-height: var(--scs-line-height);
}