:root {
  /* Colors */
  --ds-bg-black: #000000;
  --ds-bg-white: #ffffff;
  --ds-bg-grey: #f7f7f7;
  --text-label: #ffffff;
  --button-secondary-text-default: #ffffff;
  --ds-bg-bg: linear-gradient(
    180deg,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 49.99000132083893%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 50.01000165939331%,
    rgba(0, 0, 0, 1) 100%
  );
  --ds-bg-bw: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 49.99000132083893%,
    rgba(0, 0, 0, 1) 49.99999701976776%,
    rgba(0, 0, 0, 1) 50.01000165939331%,
    rgba(0, 0, 0, 1) 100%
  );

  /* Figma Color Variables */
  --background-primary: #2c2826;
  --black-100: #2c2826;
  --black-75: rgba(44, 40, 38, 0.75);
  --black-50: rgba(44, 40, 38, 0.5);
  --black-25: rgba(44, 40, 38, 0.25);
  --black-10: rgba(44, 40, 38, 0.1);
  --black-5: rgba(44, 40, 38, 0.05);
  --primary-brand-peach-100: #feebe2;
  --primary-brand-peach-75: rgba(254, 235, 226, 0.75);
  --primary-brand-peach-50: rgba(254, 235, 226, 0.5);
  --primary-brand-peach-25: rgba(254, 235, 226, 0.25);
  --primary-brand-peach-10: rgba(254, 235, 226, 0.1);
  --primary-brand-peach-5: rgba(254, 235, 226, 0.05);
  --primary-apricot-100: #ffbfa5;
  --ds-green: #0eb400;
  --ds-orange: #ff5c00;
  --ds-red: #ff0000;
  --white-100: #ffffff;
  --white-75: rgba(255, 255, 255, 0.75);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-5: rgba(255, 255, 255, 0.05);
  --primary-apricot-75: rgba(255, 191, 165, 0.75);
  --primary-apricot-50: rgba(255, 191, 165, 0.5);
  --primary-apricot-25: rgba(255, 191, 165, 0.25);
  --primary-apricot-10: rgba(255, 191, 165, 0.1);
  --primary-apricot-5: rgba(255, 191, 165, 0.05);
  --ds-purple: rgba(173, 0, 255, 0.25);
  --secondary-dark-peach-100: #ffe4d9;
  --secondary-dark-peach-75: rgba(255, 228, 217, 0.75);
  --secondary-dark-peach-50: rgba(255, 228, 217, 0.5);
  --secondary-dark-peach-25: rgba(255, 228, 217, 0.25);
  --secondary-dark-peach-10: rgba(255, 228, 217, 0.1);
  --secondary-dark-peach-5: rgba(255, 228, 217, 0.05);
  --secondary-mauve-100: #8d6a6d;
  --secondary-mauve-75: rgba(141, 106, 109, 0.75);
  --secondary-mauve-50: rgba(141, 106, 109, 0.5);
  --secondary-mauve-25: rgba(141, 106, 109, 0.25);
  --secondary-mauve-10: rgba(141, 106, 109, 0.1);
  --secondary-mauve-5: rgba(141, 106, 109, 0.05);
  --secondary-off-white-100: #fff1ea;
  --secondary-off-white-75: rgba(255, 241, 234, 0.75);
  --secondary-off-white-50: rgba(255, 241, 234, 0.5);
  --secondary-off-white-25: rgba(255, 241, 234, 0.25);
  --secondary-off-white-10: rgba(255, 241, 234, 0.1);
  --secondary-off-white-5: rgba(255, 241, 234, 0.05);
  --secondary-darke-mauve-100: #3f3131;
  --secondary-darke-mauve-75: rgba(63, 49, 49, 0.75);
  --secondary-darke-mauve-50: rgba(63, 49, 49, 0.5);
  --secondary-darke-mauve-25: rgba(63, 49, 49, 0.25);
  --secondary-darke-mauve-10: rgba(63, 49, 49, 0.1);
  --secondary-darke-mauve-5: rgba(63, 49, 49, 0.05);
  --graphics-keyline-secondary: rgba(141, 106, 109, 0.25);
}