:root,
:host {
  --cs-primary: #094BA7;
  --cs-secondary: #198dc4;
  --cs-light: #fff;
  --cs-dark: #000;
  --cs-shadow: 0, 0, 0, 0.15;
  --cs-blue: #2579bf;
  --cs-blue-rgb: 37, 121, 191;
  --cs-yellow: #f7c332;
  --cs-green: #01a851;
  --cs-green-rgb: 1, 168, 81;
  --cs-blue-brick: #d1e7f2;

  --brand-r-d: #D31044;
  --brand-r-m: #d73473;
  --brand-r-l: #D95AA3;
  --brand-r-s: #dd6281;

  --brand-o-d: #F48C1D;
  --brand-o-m: #f8b614;
  --brand-o-l: #FFDE05;
  --brand-o-s: #fcc689;

  --brand-g-d: #00A950;
  --brand-g-m: #47b747;
  --brand-g-l: #8FC740;
  --brand-g-s: #90cea0;

  --brand-b-d: #0078C3;
  --brand-b-m: #25a1d5;
  --brand-b-l: #4CC9E9;
  --brand-b-s: #4ba2d4;

  --bp-orange: 247, 148, 30;
  --bp-orange-light: 252, 198, 137;
  --bp-red: 202, 31, 75;
  --bp-red-light: 221, 98, 129;
  --bp-blue: 16, 121, 191;
  --bp-blue-light: 75, 162, 212;
  --bp-green: 0, 146, 70;
  --bp-green-light: 144, 206, 160;
}