/*
 * CSS variables to allow customisation of the font-family and colours.
 * Other customisations (such as layout) are not supported.
 *
 * Note: if this file is being used as a template for custom styles, you
 * do not need to include every variable - only those that you want to
 * override from the default.
 */
:root {
  --font-family: "Lato"; /* Note: only 'Lato' and built-in browser fonts are supported */

  --colour-primary-01: #d6e2e4;
  --colour-primary-02: #acc6c9;
  --colour-primary-03: #83a9af;
  --colour-primary-04: #598d94;
  --colour-primary-05: #307079;
  --colour-primary-06: #265a61;
  --colour-primary-07: #1d4349;
  --colour-primary-08: #132d30;
  --colour-primary-09: #0a1618;

  --colour-secondary-01: #e9f0f1;
  --colour-secondary-02: #d3e1e3;
  --colour-secondary-03: #bed3d6;
  --colour-secondary-04: #a8c4c8;
  --colour-secondary-05: #92b5ba;
  --colour-secondary-06: #759195;
  --colour-secondary-07: #586d70;
  --colour-secondary-08: #3a484a;
  --colour-secondary-09: #1d2425;

  --colour-tertiary-01: #fce8d5;
  --colour-tertiary-02: #f9d0ab;
  --colour-tertiary-03: #f7b981;
  --colour-tertiary-04: #f4a157;
  --colour-tertiary-05: #f18a2d;
  --colour-tertiary-06: #c16e24;
  --colour-tertiary-07: #91531b;
  --colour-tertiary-08: #603712;
  --colour-tertiary-09: #301c09;

  --colour-grey-01: #eff0f2;
  --colour-grey-02: #dee1e5;
  --colour-grey-03: #ced3d7;
  --colour-grey-04: #bdc4ca;
  --colour-grey-05: #adb5bd;
  --colour-grey-06: #8a9197;
  --colour-grey-07: #686d71;
  --colour-grey-08: #45484c;
  --colour-grey-09: #212529;

  --colour-white: #ffffff;
  --colour-black: var(--colour-grey-09);

  --colour-notice-01: #d2f0ff;
  --colour-notice-02: #a5e2ff;
  --colour-notice-03: #79d3ff;
  --colour-notice-04: #4cc5ff;
  --colour-notice-05: #1fb6ff;
  --colour-notice-06: #1992cc;
  --colour-notice-07: #136d99;
  --colour-notice-08: #0c4966;
  --colour-notice-09: #062433;

  --colour-positive-01: #d0f5e0;
  --colour-positive-02: #a1ebc2;
  --colour-positive-03: #71e2a3;
  --colour-positive-04: #42d885;
  --colour-positive-05: #13ce66;
  --colour-positive-06: #0fa552;
  --colour-positive-07: #0b7c3d;
  --colour-positive-08: #085229;
  --colour-positive-09: #042914;

  --colour-negative-01: #ffdbdb;
  --colour-negative-02: #ffb6b6;
  --colour-negative-03: #ff9292;
  --colour-negative-04: #ff6d6d;
  --colour-negative-05: #ff4949;
  --colour-negative-06: #cc3a3a;
  --colour-negative-07: #992c2c;
  --colour-negative-08: #661d1d;
  --colour-negative-09: #330f0f;

  --colour-warning-01: #fff4d5;
  --colour-warning-02: #ffe9ab;
  --colour-warning-03: #ffde80;
  --colour-warning-04: #ffd356;
  --colour-warning-05: #ffc82c;
  --colour-warning-06: #cca023;
  --colour-warning-07: #99781a;
  --colour-warning-08: #665012;
  --colour-warning-09: #332809;

  --colour-chart-01: #3f8598;
  --colour-chart-02: #62c3de;
  --colour-chart-03: #9678b5;
  --colour-chart-04: #aca6d9;
  --colour-chart-05: #e8758c;
  --colour-chart-06: #ffb37e;
  --colour-chart-07: #ffeba5;
  --colour-chart-08: #a6d9a6;
  --colour-chart-09: #56af91;
  --colour-chart-10: #819ba5;
  --colour-chart-11: #26505b;
  --colour-chart-12: #b1e1ef;
  --colour-chart-13: #5a486d;
  --colour-chart-14: #d671ca;
  --colour-chart-15: #8b4654;
  --colour-chart-16: #ffcaa5;
  --colour-chart-17: #d6b771;
  --colour-chart-18: #71d6d2;
  --colour-chart-19: #346957;
  --colour-chart-20: #414e53;

  --logo-padding-vertical:0;
  --logo-padding-horizontal:0;
  --side-bar-top-padding:0;
}