:root {
  /*
   * Colours
   */
  --anrt-color-blue-28: #006391;
  --anrt-color-blue-21: #0d335c;
  --anrt-color-yellow-53: #ffc20e;
  --anrt-color-white: #fff;
  --anrt-color-white-10: rgb(255 255 255 / 0.1);
  --anrt-color-grey-98: #fafafa;
  --anrt-color-grey-95: #f3f3f3;
  --anrt-color-grey-94: #f0f0f0;
  --anrt-color-grey-91: #eae8e6;
  --anrt-color-grey-16: #282828;
  --anrt-color-grey-05: #0e0e0e;
  --anrt-color-black: #000;

  /* Gradients */
  --anrt-background-gradient-blue: linear-gradient(to right, var(--anrt-color-blue-28), var(--anrt-color-blue-21)) var(--anrt-color-blue-28);
  --anrt-background-gradient-grey: linear-gradient(var(--anrt-color-grey-16), var(--anrt-color-black)) var(--anrt-color-black);

  /* Named colors */
  --anrt-color-primary: var(--anrt-color-blue-28);
  --anrt-color-secondary: var(--anrt-color-yellow-53);
  --anrt-color-text: var(--anrt-color-black);
  --anrt-color-link: var(--anrt-color-primary);
  --anrt-color-header-primary: var(--anrt-color-white);

  /*
   * Fonts
   */
  --anrt-font-primary: "Poppins", helvetica, verdana, sans-serif;
  --anrt-font-secondary: helvetica, "Poppins", verdana, sans-serif;

  /* Font sizes */
  --anrt-font-size-default: 1rem;
  --anrt-font-size-050: calc(var(--anrt-font-size-default) * 0.5); /*    8px */
  --anrt-font-size-075: calc(var(--anrt-font-size-default) * 0.75); /*  12px */
  --anrt-font-size-087: calc(var(--anrt-font-size-default) * 0.875); /* 14px */
  --anrt-font-size-100: var(--anrt-font-size-default); /*               16px */
  --anrt-font-size-112: calc(var(--anrt-font-size-default) * 1.125); /* 18px */
  --anrt-font-size-125: calc(var(--anrt-font-size-default) * 1.25); /*  20px */
  --anrt-font-size-150: calc(var(--anrt-font-size-default) * 1.5); /*   24px */
  --anrt-font-size-175: calc(var(--anrt-font-size-default) * 1.75); /*  28px */
  --anrt-font-size-200: calc(var(--anrt-font-size-default) * 2); /*     32px */
  --anrt-font-size-250: calc(var(--anrt-font-size-default) * 2.5); /*   40px */
  --anrt-font-size-275: calc(var(--anrt-font-size-default) * 2.75); /*  44px */
  --anrt-font-size-400: calc(var(--anrt-font-size-default) * 4); /*     64px */
  --anrt-font-size-500: calc(var(--anrt-font-size-default) * 5); /*     80px */
  --anrt-font-size-600: calc(var(--anrt-font-size-default) * 6); /*     96px */
  --anrt-font-size-body: 1rem;
  --anrt-font-size-h1: var(--anrt-font-size-275);
  --anrt-font-size-h2: var(--anrt-font-size-200);
  --anrt-font-size-h3: var(--anrt-font-size-150);
  --anrt-font-size-h4: var(--anrt-font-size-125);
  --anrt-font-size-h5: var(--anrt-font-size-112);
  --anrt-font-size-h6: var(--anrt-font-size-100);

  /* Line Heights */
  --anrt-line-height-none: 1; /*       16px (on default font size) */
  --anrt-line-height-xsmall: 1.125; /* 18px */
  --anrt-line-height-small: 1.25; /*   20px */
  --anrt-line-height-default: 1.5; /*  24px */
  --anrt-line-height-large: 1.75; /*   28px */

  /*
   * Spacing
   */
  --anrt-vertical-rhythm-unit: calc(var(--anrt-font-size-body) * var(--anrt-line-height-default));
  --anrt-spacing-tiny: 1px;
  --anrt-spacing-008: calc(var(--anrt-vertical-rhythm-unit) / 12); /*      2px = 0.125rem */
  --anrt-spacing-016: calc(var(--anrt-vertical-rhythm-unit) / 6); /*       4px = 0.25rem */
  --anrt-spacing-025: calc(var(--anrt-vertical-rhythm-unit) * 0.25); /*    6px = 0.375rem */
  --anrt-spacing-033: calc(var(--anrt-vertical-rhythm-unit) / 3); /*       8px = 0.495rem */
  --anrt-spacing-050: calc(var(--anrt-vertical-rhythm-unit) * 0.5); /*    12px = 0.75rem */
  --anrt-spacing-066: calc(var(--anrt-vertical-rhythm-unit) * 2 / 3); /*  16px = 1rem */
  --anrt-spacing-075: calc(var(--anrt-vertical-rhythm-unit) * 0.75); /*   18px = 1.125rem */
  --anrt-spacing-100: var(--anrt-vertical-rhythm-unit); /*                24px = 1.5rem */
  --anrt-spacing-112: calc(var(--anrt-vertical-rhythm-unit) * 1.125); /*  27px = 1.6875rem */
  --anrt-spacing-125: calc(var(--anrt-vertical-rhythm-unit) * 1.25); /*   30px = 1.875rem */
  --anrt-spacing-133: calc(var(--anrt-vertical-rhythm-unit) * 4 / 3); /*  32px = 2rem */
  --anrt-spacing-150: calc(var(--anrt-vertical-rhythm-unit) * 1.5); /*    36px = 2.25rem */
  --anrt-spacing-166: calc(var(--anrt-vertical-rhythm-unit) * 5 / 3); /*  40px = 2.5rem */
  --anrt-spacing-175: calc(var(--anrt-vertical-rhythm-unit) * 1.75); /*   42px = 2.625rem */
  --anrt-spacing-200: calc(var(--anrt-vertical-rhythm-unit) * 2); /*      48px = 3rem */
  --anrt-spacing-225: calc(var(--anrt-vertical-rhythm-unit) * 2.25); /*   54px = 3.375rem */
  --anrt-spacing-250: calc(var(--anrt-vertical-rhythm-unit) * 2.5); /*    60px = 3.75rem */
  --anrt-spacing-300: calc(var(--anrt-vertical-rhythm-unit) * 3); /*      72px = 4.5rem */
  --anrt-spacing-325: calc(var(--anrt-vertical-rhythm-unit) * 3.25); /*   78px = 4.875rem */
  --anrt-spacing-333: calc(var(--anrt-vertical-rhythm-unit) * 10 / 3); /* 80px = 5rem */
  --anrt-spacing-500: calc(var(--anrt-vertical-rhythm-unit) * 5); /*     120px = 7.5rem */
  --anrt-spacing-600: calc(var(--anrt-vertical-rhythm-unit) * 6); /*     144px = 9rem */
  --anrt-spacing-1000: calc(var(--anrt-vertical-rhythm-unit) * 10); /*   240px = 15rem */

  /* Widths */
  --anrt-width-tablet-s: 48rem; /*     768px */
  --anrt-width-tablet-l: 64rem; /*    1024px */
  --anrt-width-desktop-s: 80rem; /*   1280px */
  --anrt-width-desktop-l: 90rem; /*   1440px */
  --anrt-width-desktop-xl: 120rem; /* 1920px */
  --anrt-width-full-container: 100%;
  --anrt-width-full-screen: 100vw;
  --anrt-width-content-area: var(--anrt-width-desktop-l);

  /* Radius */
  --anrt-radius-large: 50px;
  --anrt-radius: 20px;
  --anrt-radius-small: 10px;
  --anrt-radius-full: 9999px;

  /*
   * Animation
   */
  --anrt-transition-time: 0.3s;

  /*
   * Grids
   */
  --anrt-grid-columns: 12;
  --anrt-grid-gap: var(--anrt-vertical-rhythm-unit);
  --anrt-grid-gap-none: 0;
  --anrt-grid-gap-small: var(--anrt-spacing-075);
  --anrt-grid-gap-large: var(--anrt-spacing-166);
}