:root {
  --mainColor-rgb: 229, 0, 56;
  --mainColor: rgba(var(--mainColor-rgb), 1);
  --mainColorOpacity: rgba(var(--mainColor-rgb), 0.5);
  --mainColorOpacity_1: rgba(var(--mainColor-rgb), 0.1);
  --mainColorOpacity_03: rgba(var(--mainColor-rgb), 0.03);

  
  --primary-color: #e50038;
  --secondary-color: #942360;
  --tertiary-color: #bc114c; 
  --brand-gradient: linear-gradient(91.53deg, var(--primary-color) 0%, var(--secondary-color) 100%);

  --main-bg-color: var(--mainColorOpacity_03);
  --main-crd-color: rgb(255, 255, 255);

  --main-tx-color: rgba(35, 39, 42, 1);
  --main-divider-color: rgb(0, 0, 0.05);
  --borderColor: rgba(138, 150, 163, 0.25);

  --mainWhite: rgb(255, 255, 255);
  --mainWhiteOpacity: rgb(248, 249, 250);
  --mainWhiteOpacity-5: rgba(255, 255, 255, 0.5);
  --mainWhiteOpacity-8: rgba(255, 255, 255, 0.8);

  --mainBlack: rgba(35, 39, 42, 1);
  --mainBlackOpacity: rgba(35, 39, 42, 0.5);

  --mainGray: rgb(249, 249, 249);
  --mainDarkGray: rgb(192, 192, 192);
  --mainGray-shell: var(--mainColorOpacity_03);
  --secondary-gray: rgb(129, 140, 153);

  --chatbubble-other-color: rgba(229, 229, 234, 1);
  --chatbubble-other-q-color: rgba(229, 229, 234, 0.5);

  --border-radius: 1em;
  --border-radius-big: var(--border-radius);
  --border-radius-small: calc(var(--border-radius) / 2 + 3px);

  --mainColor-filter: brightness(0) saturate(100%) invert(18%) sepia(87%)
    saturate(5712%) hue-rotate(338deg) brightness(86%) contrast(114%);

  --error-color: rgb(255, 77, 77);
  --success-color: rgb(0, 204, 0);
  --warning-color: rgb(255, 193, 7);
}