:root {
  --cb-primary-color: #AB1F24;
  --cb-primary_darken_color: #88171C;
  --cb-primary_lighten_color: #D03D43;
  --cb-primary_extra_light_color: #FFECED;
  --cb-fg_color_on_primary_color: #FFFFFF;
  --cb-bg_color: #F8F9FA;
  --cb-bg_color2: #F6F6F6;
  --cb-bg_color3: #E8E8E8;
  --cb-border_color: #CCCCCC;
  --cb-border_dark_color: #888888;
  --cb-white: #FFFFFF;
  --cb-fg_on_white: #333333;
  --cb-fg_color: #333333;
  --cb-secondary_fg_color: #6F7F92;
  --cb-fg_dark_color: #000000;
  --cb-fg_light_color: #878A8C;
  --cb-blue: #2F65B9;
  --cb-azure_light: #E9F5FD;
  --cb-azure: #00BFFF;
  --cb-azure_dark: #0099CC;
  --cb-azure_extra_dark: #0081AC;
  --cb-red: #F14646;
  --cb-red_light: #FFECED;
  --cb-red_dark: #AB1F24;
  --cb-yellow: #FFDD9D;
  --cb-yellow_light: #FFF2DB;
  --cb-yellow_dark: #FFA700;
  --cb-green: #029F76;
  --cb-green_dark: #00795A;
  --cb-orange: #F59F2A;
  --cb-orange_light: #FFBF68;
}