/* Change the two brand colours here. Everything else is derived from them. */
:root {
  --brand-primary: #1d4e6b;
  --brand-secondary: #51cc4a;

  --primary-tint: color-mix(in srgb, var(--brand-primary) 8%, var(--surface));
  --primary-line: color-mix(in srgb, var(--brand-primary) 35%, var(--surface));
  --primary-ink: color-mix(in srgb, var(--brand-primary) 80%, black);
  --secondary-tint: color-mix(in srgb, var(--brand-secondary) 10%, var(--surface));
  --secondary-ink: color-mix(in srgb, var(--brand-secondary) 80%, black);

  --ink: #1c2530;
  --muted: #5c6773;
  --line: #d9dee3;
  --paper: #f4f5f6;
  --surface: #ffffff;
  --ok: #2d6a4f;
  --warn: #8a5300;
  --bad: #9b2c2c;

  --radius: 4px;
  --font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Iowan Old Style", "Palatino Linotype", Charter, Georgia, serif;
}