:root {
  /* infomax - cd */
  --color_primary_green: 0, 250, 165;
  --color_primary_deep_blue: 10, 38, 99;
  --color_secondary_medium_blue: 122, 171, 218;
  --color_secondary_light_blue: 215, 248, 248;
  --color_secondary_light_blue_30: 238, 250, 250;

  --color_cd_it_green: var(--color_primary_green);
  --color_cd_deep_blue: var(--color_primary_deep_blue);
  --color_cd_medium_blue: var(--color_secondary_medium_blue);
  --color_cd_light_blue: var(--color_secondary_light_blue);
  --color_cd_light_blue_30: var(--color_secondary_light_blue_30);

  /* base */
  --color_white: 255, 255, 255;
  --color_black: 0, 0, 0;
  --color_error-red: 205, 0, 0;

  /* boxes */
  --color_box_background: var(--color_white);
  --border_radius_box: 10px;
  --padding_box_horizontal: 25px;
  --padding_box_vertical: 35px;

  /* text */
  --color_text: var(--color_black);
  --color_underline_alpha: var(--color_cd_it_green), 1;
  --color_icon: var(--color_cd_deep_blue);
  --color_background: var(--color_cd_light_blue_30);

  /* ui - checkbox */
  --color_checkbox_background: var(--color_cd_deep_blue);

  /* ui - input */
  --color_input_frame: 187, 187, 187;
  --color_input_background: 248, 248, 248;

  /* ui - error message */
  --color_error_message_text: var(--color_white);
  --color_error_message_background: var(--color_cd_deep_blue);

  /* ui - product teaser */
  --color_product_teaser_text: var(--color_cd_deep_blue);
  --color_product_teaser_icon: var(--color_cd_it_green);
  --color_product_teaser_background: var(--color_white);

  /* ui - footer */
  --color_footer_text: var(--color_white);
  --color_footer_background: var(--color_cd_deep_blue);
  --color_footer_help_center_text: var(--color_cd_deep_blue);
  --color_footer_help_center_question: var(--color_cd_it_green);

  /* ui - sidebar */
  --color_sidebar_background: var(--color_cd_light_blue_30);
  --color_sidebar_burger_background: var(--color_cd_it_green);
  --color_sidebar_burger_icon: var(--color_cd_deep_blue);
  --color_sidebar_navitem_icon: var(--color_black);
  --color_sidebar_navitem_text: var(--color_black);
  --color_sidebar_navitem_lit: var(--color_cd_deep_blue);

  /* shadow */
  --color_box_shadow: 202, 213, 213; /* #CAD5D5 */

  /* dialog background */
  --color_dialog_background: 10, 38, 99; /* #0A2663 */

  /* gradient */
  --color_cta_gradient_start: 0, 225, 149; /* #00E195 */
  --color_cta_gradient_end: 0, 255, 177; /* #00FFB1 */

  /* background */
  --color_global_background: var(--color_white);

  /* fonts */
  --font_primary: "GT Walsheim", "GT Walsheim Fallback";
  --font_secondary: "Noe Display", "Noe Display Fallback";

  /* button default */
  --color_button_default: var(--color_white);
  --button_default_font_weight: 700;
  --button_default_icon_size_desktop: 20px;
  --button_default_icon_size_mobile: 12px;
  --button_default_background: var(--color_cd_deep_blue);

  /* button cta */
  --color_button_cta: var(--color_cd_deep_blue);
  --color_button_cta_background: var(--color_cd_it_green);
  --button_cta_text_transform: uppercase;
  --button_cta_font_weight: 700;
  --button_cta_icon_size_desktop: 20px;
  --button_cta_icon_size_mobile: 20px;
  --button_cta_background: linear-gradient(93deg, rgb(var(--color_cta_gradient_start)) 0%, rgb(var(--color_cta_gradient_end)) 100%);
  --button_cta_box_shadow: 5px 5px 15px 0px rgb(var(--color_box_shadow)), -5px -5px 15px 0px rgb(var(--color_white));

  /* button secondary */
  --button_secondary_font_weight: 300;
  --button_secondary_background: var(--color_input_background);
  --button_secondary_border_color: var(--color_input_frame);
  --button_secondary_border_radius: 4px;
  --color_button_secondary: var(--color_black);

  /* pageHeader */
  --color_page_header_background: var(--color_white);
  --color_page_header_text: var(--color_cd_deep_blue);

  /* scroll panel */
  --color_scroll_panel: var(--color_cd_deep_blue);

  /* datepicker */
  --color_datepicker_weekday: var(--color_cd_deep_blue);
  --color_datepicker_highlight: var(--color_cd_deep_blue);

  /* image-select */
  --color_border_image_select: var(--color_cd_deep_blue);

  /* dialog */
  --color_dialog_title: var(--color_cd_deep_blue);
  --color_dialog_mask: var(--color_cd_deep_blue);

  /* sales */
  --color_sales_text: var(--color_cd_deep_blue);
  --color_sales_background: var(--color_cd_light_blue_30);

  /* upload */
  --color_image_upload_icon: var(--color_dialog_background);

  /* toast */
  --color_toast_success: var(--color_secondary_medium_blue);
  --color_toast_info: var(--color_primary_deep_blue);
  --color_toast_error: var(--color_error-red);

  /* progress spinner */
  --color_progress_spinner: var(--color_cd_deep_blue);
}
