/*
 * Whiteroad primitive tokens.
 * Hand-editable base layer. Overrides the NUCO base primitives for the
 * WHITEROAD tenant; consumed by the shared semantic layer in tokens/tokens.css.
 * Loaded dynamically for WHITEROAD, after the NUCO base.
 */
:root {
  /* colour */
  --colour-grey-white: #FFFFFF;
  --colour-grey-light: #E9F6F7;
  --colour-grey-medium: #D7E0E2;
  --colour-grey-dark: #909DA5;
  --colour-grey-black: #000000;
  --colour-brand-primary: #4C6AE6;
  --colour-brand-primary-50: #4C6AE67F;
  --colour-brand-primary-10: #4C6AE619;
  --colour-brand-secondary: #7ECBD5;
  --colour-brand-secondary-50: #7ECBD57F;
  --colour-brand-secondary-10: #7ECBD519;
  --colour-brand-accent-1: #E9F6F7;
  --colour-brand-accent-2: #909DA5;
  --colour-brand-accent-3: #4B5C63;

  /* spacing */
  --spacing-0: 0px;
  --spacing-05: 2px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-11: 44px;
  --spacing-12: 48px;
  --spacing-13: 60px;
  --spacing-14: 80px;
  --spacing-15: 120px;

  /* radius */
  --radius-none: 0px;
  --radius-tiny: 3px;
  --radius-mini: 6px;
  --radius-small: 12px;
  --radius-medium: 60px;
  --radius-large: 120px;

  /* type family */
  --type-family-family-title: "Montserrat";
  --type-family-family-body: "Montserrat";
  --header-font: "Montserrat";

  /* type size */
--type-size-1: 12px;
--type-size-2: 14px;
--type-size-3: 16px;
--spacing-14: 80px;
--type-size-4: 18px;
--type-size-5: 20px;
--type-size-6: 22px;
--type-size-7: 24px;
--type-size-8: 26px;
--type-size-9: 32px;

  /* type weight */
--type-weight-regular: 400;
--type-weight-medium: 500;
--type-weight-semi-bold: 600;
--type-weight-bold: 700;
--type-weight-extra-bold: 800;
--type-weight-black: 900;

  /* stroke */
  --stroke-regular: 1px;
  --stroke-medium: 2px;
}