/*
 * NUCO primitive tokens.
 * Hand-editable base layer. Consumed by the shared semantic layer in
 * tokens/tokens.css via var(--...).
 */
:root {
  /* colour */
  --colour-grey-white: #ffffff;
  --colour-grey-light: #f3f3f4;
  --colour-grey-medium: #e7e8e8;
  --colour-grey-dark: #878c8d;
  --colour-grey-black: #10191c;
  --colour-brand-primary: #e76cc6;
  --colour-brand-primary-50: #e76cc67f;
  --colour-brand-primary-10: #e76cc619;
  --colour-brand-secondary: #2b79e8;
  --colour-brand-secondary-50: #2b79e87f;
  --colour-brand-secondary-10: #2b79e819;
  --colour-brand-accent-1: #9de69d;
  --colour-brand-accent-2: #eb8550;
  --colour-brand-accent-3: #fdf08d;

  /* 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: 'Mont Blanc';
  --type-family-family-body: 'Sofia Pro';

  /* type size */
  --type-size-1: 12px;
  --type-size-2: 14px;
  --type-size-3: 16px;
  --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;
}