/* Figma Styles of your File */
:root {
  /* Colors */
  /* Dark-mode */
  --staricon-pasive: #d9d9d9;
  --staricon-active: #47bc4b;
  --dark-mode-background-color: #3b0c51;
  --dark-mode-background-color-stroke: #ffffff;
  --dark-mode-text-color: #ffffff;
  --dark-mode-text-2-color: #b9b7b7;
  --dark-mode-text-background: #836c8d; 
  --dark-mode-button-dark: #d433d2;
  --dark-mode-button-text-dark: #ffffff;
  --dark-mode-button-text-ligh: #1e1e1e;
  --dark-mode-button-light: #d9d9d9;
  --dark-mode-button-background: #f5f5f5;
  --dark-mode-bullet: #e2b5f1;
  --dark-mode-button-gradient: radial-gradient(
    closest-side,
    rgba(230, 230, 230, 1) 0%,
    rgba(224, 224, 216, 1) 100%
  );
  --dark-mode-badge: #e2b5f1;
  --dark-mode-badge-text: #000000;
  --dark-test-pointer: #842f6f;
  --dark-test-pointer-shadow: #000000;
  --dark-tooltip-background: #d9d9d9;
  --dark-tooltip-text: #000000;
  --dark-mode-text-background: #d9d9d9;
  --dark-mode-switch-on-knob: #1e1e1e;
  --dark-mode-switch-on-background: #d9d9d9;
  --dark-mode-switch-on-stroke: #b3b3b3;
  --dark-mode-switch-off-knob: #b3b3b3;
  --dark-mode-switch-off-background: #d9d9d9;
  --dark-mode-switch-off-stroke: #b3b3b3;
/* light-mode */
  --light-mode-background-color: #c6a6d9;
  --light-mode-background-color-stroke: #1e1e1e;
  --light-mode-text-color: #1e1e1e;
  --light-mode-text-2-color: #595454;
  --light-mode-text-background: #f7f2fa;
  --light-mode-switch-on-knob: #f5f5f5;
  --light-mode-switch-on-background: #2c2c2c;
  --light-mode-switch-off-knob: #b3b3b3;
  --light-mode-switch-off-background: #d9d9d9;
  --light-mode-switch-off-stroke: #b3b3b3;
  --light-mode-button-dark: #d9d9d9;
  --light-mode-button-text-dark: #ffffff;
  --light-mode-button-text-ligh: #1e1e1e;
  --light-mode-button-light: #3b0c51;
  --light-mode-button-background: #f5f5f5;
  --light-mode-bullet: #842f6f;
  --light-mode-button-gradient: radial-gradient(
    closest-side,
    rgba(230, 230, 230, 1) 0%,
    rgba(224, 224, 216, 1) 100%
  );
  --light-mode-badge: #842f6f;
  --light-mode-badge-text: #ffffff;
  --light-test-pointer: #842f6f;
  --light-test-pointer-shadow: #ffffff;
  --light-tooltip-background: #3b0c51;
  --light-tooltip-text: #ffffff;
/* active mode */
  --active-mode-button-gradient: radial-gradient(
    closest-side,
    rgba(157, 202, 157, 1) 0%,
    rgba(31, 196, 31, 1) 100%
  );

  --global-dark-background: undefined;
  --global-dark-text: #ffffff;
  --global-light-background: undefined;

  --icon_size_button: 32px;

  /* Fonts */
  --body-strong-font-family: "Inter-SemiBold", sans-serif;
  --body-strong-font-size: 1rem;
  --body-strong-line-height: 140%;
  --body-strong-font-weight: 600;
  --body-base-font-family: "Inter-Regular", sans-serif;
  --body-base-font-size: 1rem;
  --body-base-line-height: 140%;
  --body-base-font-weight: 400;
  --single-line-body-base-font-family: "Inter-Regular", sans-serif;
  --single-line-body-base-font-size: 1rem;
  --single-line-body-base-line-height: 100%;
  --single-line-body-base-font-weight: 400;
  
  /* Effects */
  --var-sds-size-radius-200: 0.5rem;
  --var-sds-size-radius-100: 0.2rem;
  /* Errors */
  --error-message-background: #f8d7da;
  --error-message-color: #721c24;
  --info-message-background: #94BD92;
  --info-message-color: #052B03;
  --warning-message-background: #8FC1EC;
  --warning-message-color: #0E178D;
}