/* Semantic color roles shared by the application and its offline page. */
:root {
  color-scheme: light;
  --background-page: #f5f6f8;
  --background-surface: #ffffff;
  --background-subtle: #eef1f4;
  --background-hover: #f0f4fa;
  --background-selected: #eaf0ff;
  --text-primary: #243238;
  --text-secondary: #52636b;
  --text-muted: #5c6d75;
  --text-inverse: #ffffff;
  --border-subtle: #dce2e6;
  --border-control: #7c8a94;
  --action-primary: #2563eb;
  --action-primary-hover: #1d4ed8;
  --action-primary-pressed: #1e40af;
  --action-focus: #2563eb;
  --action-disabled-background: #e2e7ec;
  --action-disabled-text: #596873;
  --navigation-background: #203f46;
  --navigation-hover: #2b505a;
  --navigation-selected: #385e68;
  --navigation-text: #f5f8fa;
  --navigation-muted: #c3d2d8;
  --navigation-marker: #a9d5ff;
  --navigation-border: #627f87;
  --status-neutral: #52636b;
  --status-neutral-background: #eef1f4;
  --status-active: #1d4ed8;
  --status-active-background: #eaf0ff;
  --status-success: #238563;
  --status-success-text: #176346;
  --status-success-background: #edf8f2;
  --status-warning: #b86e00;
  --status-warning-text: #8a5100;
  --status-warning-background: #fff4e2;
  --status-warning-bar: #946000;
  --status-danger: #c43d4b;
  --status-danger-hover: #a52b3a;
  --status-danger-pressed: #8a2330;
  --status-danger-text: #a52b3a;
  --status-danger-background: #fdeef0;
  --priority-text: #5e4a83;
  --priority-background: #f1edf7;
  --avatar-background: #e6eef2;
  --avatar-text: #365967;
  --phase-offer: #60717e;
  --phase-accepted: #596e94;
  --phase-scan-scheduled: #507a88;
  --phase-scanned: #547e7b;
  --phase-modeling: #74698c;
  --phase-model-review: #7c6a79;
  --phase-handover: #62796b;
  --shadow-color: #203f4614;
  --shadow-strong: #203f4633;
  --backdrop: #142a367a;
  --motion-halo: #2563eb40;
  --motion-transparent: #2563eb00;
}