/*
 * theme-color.css  -  THE ONLY FILE YOU NEED TO EDIT to recolour the app.
 * Set by the site owner; end users cannot change it.
 *
 * The values below are the original theme purple, so shipping this file
 * unchanged = no visual change.
 *
 * To change the main colour, replace the values with your own, e.g. green:
 *     --app-primary:        #2e9e5b;
 *     --app-primary-rgb:    46, 158, 91;          (same colour as R, G, B)
 *     --app-primary-light:  #5fc58a;               (buttons/gradients, top/left end)
 *     --app-primary-dark:   #1f7a44;               (buttons/gradients, bottom/right end, checkboxes)
 *     --app-primary-tint:   #e6f6ec;               (very pale background tint)
 * Tip: to have light/dark/tint calculated automatically from the main colour,
 * delete those three lines and uncomment the "auto" block below.
 */
:root {
  --app-primary:       #00a0e3;
  --app-primary-rgb:   0, 160, 227;
  --app-primary-light: #4fc0ef;
  --app-primary-dark:  #1087c3;
  --app-primary-tint:  #f6edff;
}

/* "auto" block (modern browsers): derive the companions from --app-primary
:root {
  --app-primary-light: color-mix(in srgb, var(--app-primary) 70%, #ffffff);
  --app-primary-dark:  color-mix(in srgb, var(--app-primary) 80%, #000000);
  --app-primary-tint:  color-mix(in srgb, var(--app-primary) 12%, #ffffff);
}
*/