:root {
  --black-100: #FAFAFC;
  --black-200: #F2F3F7;
  --black-300: #E8E9F1;
  --black-600: #9297A1;
  --black-700: #646A79;
  --black-800: #393F4C;
  --black-900: #121929;
  --primary: #3523D6;
  --red: #e74c3c;
  --red-700: #FF0008;
  --white: #fff;
  --blue: #0040e3;
  --text-muted: #6B727F;
  --content-color: #FAFAFC;
  --content-text-color: #121929;
  --border-color: #e8e9f1;
  --box-color: #fff;
  --card-bg-color: #fff;
  --card-text-color: #121929;
  --body-text-color: #121929;
  --lang-widget-bg-color: #3523D61F;
  --lang-widget-color: #9297A1;
  --btn-borderless-bg: #fff;
  --btn-borderless-color: #3523D6;
  --btn-outline-border: 1px var(--primary) solid;
  --shimmer-1: #f0f0f0;
  --shimmer-2: #e6e6e6;
  --border-radius: 12px;
  --p-1: 0.25rem;
  --p-2: 0.75rem;
  --p-3: 1.5rem;
  --gap-8: 8px;
  --body-bg: #F2F4F7;
  --form-content-bg: #fff;
  --form-header-bg: linear-gradient(285.55deg, #DAD9FB 0%, #F0EFFE 100%);
  --form-header-color: #121929;
  --qr-color: #0040E3;
  --qr-bg: #ffffff;
  --badge-bg: #3523D6;
  --badge-color: #fff;
  --form-value-color: #121929;
  --form-info-bg: #F2F4F7;
  --form-info-color: #121929;
  --form-important-bg: #FFFCF2;
  --form-important-color: #202632;
  --form-title-color: #121929;
  --input-bg: #fff;
  --drag-drop-bg: #f0effe;
  --input-color: var(--text-muted);
}