/* Change these four values to try another palette. No rebuild is needed. */
:root {
  --color-brand: #d61318;
  --color-accent: #ff9a7c;
  --color-aqua: #00becb;
  --color-paper: #ede9d0;

  /* Neutral and derived colors keep the palette consistent throughout the page. */
  --color-ink: #252c28;
  --color-canvas: color-mix(in srgb, var(--color-paper) 24%, white);
  --color-surface: color-mix(in srgb, var(--color-paper) 11%, white);
  --color-muted: color-mix(in srgb, var(--color-ink) 70%, var(--color-canvas));
  --color-line: color-mix(in srgb, var(--color-ink) 17%, var(--color-canvas));
  --color-on-brand: #ffffff;
}