/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 *
 * Gloabal variables.
 */
:root {
  --color-action: hsl(180, 83%, 36%);
  /* --color-black-main: hsl(0, 0%, 20%); */
  --color-black-soft: hsl(0, 0%, 46%);
  --color-black-light: hsl(0, 0%, 67%);
  --color-grey-1: hsl(180, 4%, 95%);
  --color-grey-2: hsl(0, 0%, 94%);
  --color-grey-3: hsl(180, 13%, 92%);
  /* --color-white: hsl(0, 0%, 100%); */
  /* --color-text: var(--color-black-main); */

  /* Typo */
  --font-primary: "Lexend", sans-serif;
  --font-secondary: "STIX Two Text", serif;

  /* Layout */
  --max-width-text: 47rem;
  --max-width: 75rem;
  --gap-layout: 1.25rem;
  --component-inner-space: 2rem;

  /* Theme */
  --box-shadow: 0px 0px 1.25rem rgb(0, 0, 0, 0.1);
  --border-block: 1px solid hsl(0, 0%, 94%);

  /* New colors */
  --color-primary: #10a8a8;
  --color-secondary: #f2a71b;
  --color-dark: #003651;
  --color-black-main: #333;
  --color-grey-one: #757575;
  --color-grey-two: #e8eded;
  --color-grey-three: #f0f0f0;
  --color-white: #fff;
  --color-black: #0e0e0e;
  --color-cancel: #f96969;
  --color-text: var(--color-black-main);
}