/*
 * Design tokens. Every colour and font in theme.css, blocks.css and site.css
 * comes from here, so a redesign can start by changing these values.
 */
:root {
  /* Palette (from the Maisha Lite theme) */
  --color-text: #333;
  --color-text-muted: #666;
  --color-surface: #f5f4f4;
  --color-white: #fff;
  --color-black: #000;
  --color-dark: #202020;
  --color-border: #cdcdcd;
  --color-accent: #f7931d;
  --color-accent-hover: #f89e35;

  /* Brand colours used by the home page column headings */
  --color-brand-yellow: #ffc200;
  --color-brand-blue: #024769;
  --color-brand-red: #84002e;
  --color-brand-green: #2c5700;

  /* Typography */
  --font-body: "Helvetica Neue", arial, sans-serif;
  --font-heading: "Raleway", arial, sans-serif;

  /* Layout */
  --content-width: 1024px;
  --gap: 2em;
}