/* Shared CellHood palette: white surfaces, landing-page navy and blue accents.
   Semantic status colours and visualisation categories are defined by their components. */
:root {
  --ch-brand-navy: #16345c;
  --ch-brand-blue: #285f86;
  --ch-brand-ink: #0b1d38;
  --ch-brand-muted: #5d6d82;
  --ch-brand-soft: #edf4fa;
  --ch-brand-border: #bfd5e7;
  --ch-brand-line: #dce4ee;
  --ch-brand-canvas: #f7f9fc;
  --ch-brand-white: #ffffff;
  --ch-brand-light: #9cc9e5;
  --ch-brand-navy-rgb: 22, 52, 92;
  --ch-brand-blue-rgb: 40, 95, 134;
  --ch-brand-ink-rgb: 11, 29, 56;
  --ch-brand-soft-rgb: 237, 244, 250;
  --ch-primary: var(--ch-brand-navy);
  --ch-secondary: var(--ch-brand-blue);
  --ch-ink: var(--ch-brand-ink);
  --ch-muted: var(--ch-brand-muted);
  --ch-line: var(--ch-brand-line);
  --ch-canvas: var(--ch-brand-canvas);
  --ch-panel: var(--ch-brand-white);
  --ch-tint: var(--ch-brand-soft);
}