/*
 * Theme tokens: ITWorx (generic demo).
 * Every colour, font and radius the application uses comes from here, so a
 * client theme replaces this file and its logos and nothing else.
 * Severity colours are part of the theme too, but a client theme should keep
 * them recognisable (red, orange, amber, green, blue) and check contrast.
 */
:root {
  --font-sans: "Plex", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --brand-strong: #14364f;      /* header, primary buttons; matches theme_color */
  --brand: #1d5a7e;
  --brand-accent: #0b6b74;      /* links, focus, selected states */
  --brand-wash: #e6f0f4;
  --on-brand: #ffffff;

  --ink: #15202b;
  --ink-2: #3d4b57;
  --ink-3: #56636d;
  --rule: #d5dce1;
  --rule-soft: #e7ecef;
  --surface: #f3f5f7;
  --panel: #ffffff;
  --sea: #d7e4ec;
  --land: #f7f6f2;
  --land-edge: #9aa7b0;

  --sev-critical: #b3261e;
  --sev-high: #ad4c0e;
  --sev-moderate: #876400;
  --sev-low: #24683f;
  --sev-info: #2f6597;
  --sev-critical-wash: #fbe9e7;
  --sev-high-wash: #fdf0e4;
  --sev-moderate-wash: #fbf4dc;
  --sev-low-wash: #e8f3ec;
  --sev-info-wash: #e7eff7;

  --demo-band-a: #f2c230;
  --demo-band-b: #15202b;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 14px;
  --shadow-1: 0 1px 2px rgba(21, 32, 43, .08), 0 2px 6px rgba(21, 32, 43, .06);
}

/* High contrast: set by the accessibility settings. */
:root.hc {
  --brand-strong: #000000;
  --brand: #002f4f;
  --brand-accent: #005a63;
  --ink: #000000;
  --ink-2: #1a1a1a;
  --ink-3: #333333;
  --rule: #4d4d4d;
  --rule-soft: #8c8c8c;
  --surface: #ffffff;
  --land-edge: #000000;
}