:root {
  --white: #ffffff;
  --white-2: #FFFFFFCC;
  --black: #000000;
  --black-2: #0000001A;
  --main: #1F1F1F;
  --main-2: #181818;
  --main-3: #484848;
  --main-4: #818181;
  --main-5: #BABABA;
  --main-6: #545454;
  --main-7: #1C1C1C99;
  --main-8: #646464;
  --main-9: #5A5A5A;
  --main-10: #D2D2D2;
  --main-11: #8F8F8F;
  --main-12: #667085;

  /* Dynamic color here */
  --primary: #261b79;
  --bg-2: #261b79;

  --primary-2: #957127;
  --primary-3: #8C763B;
  --secondary: #FF6969;
  --secondary-2: #E5775F;
  --secondary-3: #DF7C1F;
  --secondary-4: #F43B3B;
  --bg: #F5F2E9;
  --bg-3: #000000CC;
  --bg-4: #281C06CC;
  --bg-5: #777433;
  --bg-6: #00000033;
  --bg-7: #A63A27;
  --bg-8: #423321;
  --bg-9: #E8EBDD;
  --bg-10: #454D25;
  --bg-11: #FFF7ED;
  --bg-12: #C2C2C299;
  --bg-13: #9D5100;
  --bg-14: #EFE8D5;
  --bg-15: #D9D9D9;
  --bg-16: #DADEC9;
  --bg-17: #D4B04C;
  --bg-18: #EDEDED;
  --bg-19: #FBECE3;
  --bg-20: #97764E;
  --bg-21: #FFF3E4;
  --bg-22: #261b79;
  --bg-23: #FFF7E7;
  --bg-24: #ECDBF2;
  --bg-25: #FFEBD4;
  --bg-26: #F3F3F3;
  --line: #11111126;
  --line-2: #1111111A;
  --line-3: #E0E0E0;
  --line-4: #515151;
  --line-5: #7D7D7D;
  --line-6: #787878;
  --line-7: #A2A2A2;
  --line-8: #EBEBEB;
  --line-9: #E1E1E1;
  --line-10: #9C9C9C;
  --line-11: #CACACA;
  --line-12: #EFEFEF;
  --line-13: #E8D2A7;
  --shadow-1: #A3A3A340;
  --green: #3FC53A;
  --linear-1: linear-gradient(180deg, rgba(246, 221, 190, 0) 0%, rgba(246, 221, 190, 0.5) 100%);
  --linear-2: linear-gradient(137.6deg, #C09C71 23.87%, #261b79 99.83%);
  --linear-3: linear-gradient(285.63deg, #261b79 5.45%, #261b79 94.52%);
  --linear-4: linear-gradient(133.57deg, #FFF0D3 25.62%, #EBD1A2 100%);
  --linear-5: linear-gradient(138.03deg, #FFF3E5 23.68%, #FFCDA2 100%);
  --success: #3dab25;
  --error: #f03e3e;
}