/* Design tokens taken over from the old WordPress theme ("cleantheme" by vektorrausch).
   Breakpoints of the old theme: small < 640px, medium 640–919px, large >= 920px, max >= 1140px. */
:root {
  --color-accent: rgb(209, 52, 50);
  --color-band: #cf2e2e;
  --color-band-text: #eeeeee;
  --color-text: #000000;
  --color-muted: rgba(0, 0, 0, 0.5);
  --color-line: rgba(0, 0, 0, 0.12);
  --color-field: rgba(0, 0, 0, 0.05);
  --color-tile: rgba(0, 0, 0, 0.24);
  --color-error: rgb(199, 0, 0);
  --color-success: rgb(68, 157, 68);
  --color-footer: #000000;

  --shadow-soft: 0 1px 2px rgba(43, 59, 93, 0.29);

  --font-base: 'Open Sans Variable', 'Open Sans', sans-serif;

  --content-max: 1080px;
  --gutter: 15px;
  --band-gutter: 20px;
}

@media (min-width: 640px) {
  :root {
    --gutter: 25px;
    --band-gutter: 32px;
  }
}

@media (min-width: 920px) {
  :root {
    --gutter: 40px;
    --band-gutter: 46px;
  }
}