/* @import url('../landing/landing_page_example.css'); /* Edit or remove */
:root {
  /*  Default color palette for light and dark mode. Modify variables to adjust the themes.
      Colors are in hsla() format divided in to four separate variables.
      This is necessary to be able to make small adjustments to the color programmatically for Angular theming compliance

      You can use an online tool to convert hex or rgb(a) valiues to hsla. For example: https://www.w3schools.com/colors/colors_converter.asp
  */

  /* Light theme */
  --ag-light-primary_h: 231; --ag-light-primary_s: 48%; --ag-light-primary_l: 48%; --ag-light-primary_a: 1; /* #3f51b5 */
  --ag-light-primary-contrast_h: 0; --ag-light-primary-contrast_s: 0%; --ag-light-primary-contrast_l: 100%; --ag-light-primary-contrast_a: 1; /* #ffffff */
  --ag-light-accent_h: 340; --ag-light-accent_s: 100%; --ag-light-accent_l: 63%; --ag-light-accent_a: 1; /* #ff4081 */
  --ag-light-accent-contrast_h: 0; --ag-light-accent-contrast_s: 0%; --ag-light-accent-contrast_l: 100%; --ag-light-accent-contrast_a: 1; /* #ffffff */

    /* Dark theme */
  --ag-dark-primary_h: 208; --ag-dark-primary_s: 79%; --ag-dark-primary_l: 51%; --ag-dark-primary_a: 1; /* #1e88e5 */
  --ag-dark-primary-contrast_h: 0; --ag-dark-primary-contrast_s: 0%; --ag-dark-primary-contrast_l: 100%; --ag-dark-primary-contrast_a: 1; /* #ffffff */
  --ag-dark-accent_h: 151; --ag-dark-accent_s: 82%; --ag-dark-accent_l: 68%; --ag-dark-accent_a: 1; /* #69f0ae */
  --ag-dark-accent-contrast_h: 0; --ag-dark-accent-contrast_s: 0%; --ag-dark-accent-contrast_l: 0%; --ag-dark-accent-contrast_a: 0.87; /* #000000 with opacity 0.87 */
}