:root {
    --body-color: #ffffff;
    --dark-color: #000000;
    --secondary-color: #FED502;
    --primary-color: #1E1E1E;
    --extra-color-1: #0F0F0F;
    --extra-color-2: #9E9E9E;
    --extra-color-3: #2B2B2B;
    --extra-color-4: #313131;
    --extra-color-5: #8B8B8B;
    --extra-color-6: #1E1E1E;
    --extra-color-7: #828282;
    --extra-color-8: #F9F9F9;
    --extra-color-9: #939393;
    --extra-color-10: #9F9F9F;
    --extra-color-11:#F2FAFF;
    --extra-color-12:#EBF7FF;

  }
  .body-color {
    color: var(--body-color);
  }
  .dark-color {
    color: var(--dark-color);
  }
  .secondary-color {
    color: var(--secondary-color);
  }
  .primary-color {
    color: var(--primary-color);
  }
  .extra-color-1 {
    color: var(--extra-color-1);
  }
  .extra-color-2 {
    color: var(--extra-color-2);
  }
  .extra-color-3 {
    color: var(--extra-color-3);
  }
  .extra-color-4 {
    color: var(--extra-color-4);
  }
  .extra-color-5 {
    color: var(--extra-color-5);
  }
  .extra-color-6 {
    color: var(--extra-color-6);
  }
  .extra-color-7 {
    color: var(--extra-color-7);
  }
  .extra-color-8 {
    color: var(--extra-color-8);
  }
  .extra-color-9 {
    color: var(--extra-color-9);
  }
  .extra-color-10 {
    color: var(--extra-color-10);
  }
  .extra-color-11 {
    color: var(--extra-color-11);
  }
  .extra-color-12 {
    color: var(--extra-color-12);
  }
  .primary-bg {
    background-color: var(--primary-color);
  }
  .body-bg {
    background-color: var(--body-color);
  }
  .dark-bg {
    background-color: var(--dark-color);
  }
  .secondary-bg {
    background-color: var(--secondary-color);
  }
  .extra-bg-1 {
    background-color: var(--extra-color-1);
  }
  .extra-bg-2 {
    background-color: var(--extra-color-2);
  }
  .extra-bg-3 {
    background-color: var(--extra-color-3);
  }
  .extra-bg-4 {
    background-color: var(--extra-color-4);
  }
  .extra-bg-5 {
    background-color: var(--extra-color-5);
  }
  .extra-bg-6 {
    background-color: var(--extra-color-6);
  }
  .extra-bg-7 {
    background-color: var(--extra-color-7);
  }
  .extra-bg-8 {
    background-color: var(--extra-color-8);
  }
  .extra-bg-9 {
    background-color: var(--extra-color-9);
  }
  .extra-bg-10 {
    background-color: var(--extra-color-10);
  }
  .extra-bg-11 {
    background-color: var(--extra-color-11);
  }
  .extra-bg-12 {
    background-color: var(--extra-color-12);
  }