:root {
  /* tash - cd */
  --color_cd_primary: 0, 48, 100; /* #003064 */
  --color_cd_secondary: 242, 243, 244; /* #F2F3F4 */
  --color_cd_tertiary: 0, 162, 171; /* #00A2AB */

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

  /* boxes */
  --color_box_background: 255, 255, 255, 0;
  --border_radius_box: 0px;
  --padding_box_horizontal: 0px;
  --padding_box_vertical: 0px;

  /* text */
  --color_text: var(--color_black);
  --color_underline_alpha: var(--color_black), 0;
  --color_icon: var(--color_cd_primary);
  --color_background: var(--color_cd_blue_light);

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

  /* 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_secondary);

  /* ui - product teaser */
  --color_product_teaser_text: var(--color_black);
  --color_product_teaser_icon: var(--color_cd_secondary);
  --color_product_teaser_background: 245, 245, 245;

  /* ui - footer */
  --color_footer_text: var(--color_white);
  --color_footer_background: var(--color_cd_primary);
  --color_footer_help_center_text: var(--color_cd_primary);
  --color_footer_help_center_question: var(--color_cd_secondary);

  /* ui - sidebar */
  --color_sidebar_background: var(--color_white);
  --color_sidebar_burger_background: var(--color_cd_tertiary);
  --color_sidebar_burger_icon: var(--color_black);
  --color_sidebar_navitem_icon: var(--color_cd_primary);
  --color_sidebar_navitem_text: var(--color_black);
  --color_sidebar_navitem_lit: var(--color_cd_tertiary);

  /* primary */
  --color_primary_cd_dark: 10, 38, 99;
  --color_primary_cd_light: 0, 250, 165;

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

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

  /* gradient */
  --color_cta_gradient_start: var(--color_cd_primary);
  --color_cta_gradient_end: var(--color_cd_primary);

  /* background */
  --color_global_background: 245, 245, 245;

  /* 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: 400;
  --button_default_icon_size_desktop: 16px;
  --button_default_icon_size_mobile: 12px;
  --button_default_background: var(--color_cd_primary);

  /* button cta */
  --color_button_cta: var(--color_white);
  --color_button_cta_background: var(--color_cd_primary);
  --button_cta_text_transform: none;
  --button_cta_font_weight: 400;
  --button_cta_icon_size_desktop: 16px;
  --button_cta_icon_size_mobile: 14px;
  --button_cta_background: linear-gradient(222deg, rgb(var(--color_cta_gradient_start)) 23.64%, rgb(var(--color_cta_gradient_end)) 79.34%);
  --button_cta_box_shadow: none;

  /* 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_primary);

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

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

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

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

  /* sales */
  --color_sales_text: var(--color_text);
  --color_sales_background: var(--color_white);

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

  /* toast */
  --color_toast_success: var(--color_cd_blue_light);
  --color_toast_info: var(--color_cd_primary);
  --color_toast_error: var(--color_error-red);

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