:root {
  --color-primary: #e3b037;
  --color-primary-light-1: rgba(246, 178, 33, 0.1);
  --color-primary-light-2: rgba(246, 178, 33, 0.2);
  --color-primary-light-3: rgba(246, 178, 33, 0.3);
  --color-primary-light-4: rgba(246, 178, 33, 0.4);
  --color-primary-light-5: rgba(246, 178, 33, 0.5);
  --color-primary-light-6: rgba(246, 178, 33, 0.6);
  --color-primary-light-7: rgba(246, 178, 33, 0.7);
  --color-primary-light-8: rgba(246, 178, 33, 0.8);
  --color-primary-light-9: rgba(246, 178, 33, 0.9);

  --color-background-1: #ececec;
  --color-background-2: #f5f5f5;
  --color-background-3: #fcfcfc;

  --color-text-primary: #4d4d4d;
  --color-text-regular: #5f5f5f;
  --color-text-secondary: #838383;
}

[theme='dark'] {
  --color-primary: #e3b037;
  --color-primary-light-1: rgba(246, 178, 33, 0.1);
  --color-primary-light-2: rgba(246, 178, 33, 0.2);
  --color-primary-light-3: rgba(246, 178, 33, 0.3);
  --color-primary-light-4: rgba(246, 178, 33, 0.4);
  --color-primary-light-5: rgba(246, 178, 33, 0.5);
  --color-primary-light-6: rgba(246, 178, 33, 0.6);
  --color-primary-light-7: rgba(246, 178, 33, 0.7);
  --color-primary-light-8: rgba(246, 178, 33, 0.8);
  --color-primary-light-9: rgba(246, 178, 33, 0.9);

  --color-background-1: #222831;
  --color-background-2: #393e46;
  --color-background-3: #4c525c;

  --color-text-primary: #ebebeb;
  --color-text-regular: #dedede;
  --color-text-secondary: #c7c7c7;
}