/* The whole rebrand: change these and rebuild. This is the last stylesheet the
   page loads, so what is set here wins over the base tokens (tokens.css
   lists every variable there is). The values below are the defaults. */

:root {
  /* The brand colour: primary buttons, bars, the selected state. */
  --r-brand-400: #527a42;
  --r-brand-500: #456637;
  --r-brand-300: #86a27b;

  /* The panels and lines are tinted toward the brand colour. Retint them with it. */
  --r-sage-400: #e4e9e1;
  --r-sage-500: #d3dbcf;
}