/**
 * SCOPE: Apexus Theme
 * Only include variables defining Apexus specific colours, fonts, etc.
 * for application wide consistency.
 */
:root {
  /* ----- COLORS ----- */
  --apexus-color-white: #ffffff;
  --apexus-color-black: #000000;
  --apexus-color-black-2: #212529;
  --apexus-color-blue-light: #11bfff;
  --apexus-color-blue: #0ca0db;
  --apexus-color-blue-dark: #001d60;
  --apexus-color-gray-light-3: #e6e6e6;
  --apexus-color-gray-light-2: #dee2e6;
  --apexus-color-gray-light: #d3d3d3;
  --apexus-color-gray: #9ea1a8;
  --apexus-color-gray-dark: #6c757d;
  --apexus-color-green: #8cc63e;
  --apexus-color-red: #b42025;

  --apexus-background-color-white: #ffffff;


  /* ----- TEXTS ----- */
  --apexus-font-size-small-2: 12px;
  --apexus-font-size-small: 14px;
  --apexus-font-size: 16px;
  --apexus-font-size-large: 18px;
  --apexus-font-size-large-2: 20px;
  --apexus-font-size-large-3: 24px;
  --apexus-font-size-xl: 32px;
  --apexus-font-size-xl-2: 40px;

  --apexus-font-weight-light: 300;  
  --apexus-font-weight: 400;
  --apexus-font-weight-heavy: 500;
  --apexus-font-weight-heavy-2: 600;
  --apexus-font-weight-heavy-3: 700;
  
  --apexus-font-family: Nunito Sans, sans-serif;
  
  --apexus-line-height: normal;
}

/* Apply Apexus Theme To Coveo */
:root {
  --atomic-visited: var(--apexus-color-blue);
  --atomic-primary: var(--apexus-color-blue);
  --atomic-primary-light: var(--apexus-color-blue-light);
  --atomic-neutral: var(--apexus-color-gray-light-2);
  --atomic-font-family: var(--apexus-font-family);
}