:root{
  --color-950:  #000000; 
  --color-900:  #1d1c1c; 
  --color-800:  #111111;
  --color-700:  #1A1A1A;
  --color-600:  #262626;
  --color-500:  #333333;
  --color-400:  #4D4D4D;
  --color-300:  #666666;
  --color-200:  #808080;
  --color-100:  #999999;
  --color-50: #f5f5f5;
  --red-color-950:  #2B0000;
  --red-color-900:  #400000;
  --red-color-800:  #660000;
  --red-color-700:  #800000;
  --red-color-600:  #A00000;
  --red-color-500:  #C40000;
  --red-color-400:  #E01010;
  --red-color-300:  #F24A4A;
  --red-color-200:  #F9A3A3;
  --red-color-100:  #fafafa;
  --red-color-50: #d7dfe0;
  --green-color-950:  #052E16;
  --green-color-900:  #093019;
  --green-color-800:  #084C24;
  --green-color-700:  #0B6B32;
  --green-color-600:  #0E8A40;
  --green-color-500:  #12A84E;
  --green-color-400:  #2DC76B;
  --green-color-300:  #0E8A40;
  --green-color-200:  #8FF3AD;
  --green-color-100:  #C4FCD1;
  --green-color-50: #EAFEEB;
  --blue-color-950:  #011e38;
  --blue-color-900:  #04203A;
  --blue-color-800:  #063051;
  --blue-color-700:  #0A4A73;
  --blue-color-600:  #0E6696;
  --blue-color-500:  #1382B9;
  --blue-color-400:  #1A9EDF;
  --blue-color-300:  #4CB5F5;
  --blue-color-200:  #82D2FB;
  --blue-color-100:  #BAEFFF;
  --blue-color-50: #d7dfe0;
  --pink-color-950:  #330016;
  --pink-color-900:  #4A0020;
  --pink-color-800:  #66002B;
  --pink-color-700:  #80003D;
  --pink-color-600:  #B0005A;
  --pink-color-500:  #D63384;
  --pink-color-400:  #E65C9C;
  --pink-color-300:  #F08BB6;
  --pink-color-200:  #F8BED3;
  --pink-color-100:  #FFE6EE;
  --pink-color-50: #d7dfe0;
  --cream-color-950:  #f4d3a9;
  --cream-color-900:  #f5dbba;
  --cream-color-800:  #FFE7C7;
  --cream-color-700:  #e0d8ceaf;
  --cream-color-600:  #FFE7C7;
  --cream-color-500:  #FFE7C7;
  --cream-color-400:  #dfc8a9;
  --cream-color-300:  #f1e2cd;
  --cream-color-200:  #FFE7C7;
  --cream-color-100:  #514c08;
  --cream-color-50: #222020;
  --light_green-color-950: #c1e2be;
  --light_green-color-900: #a8d896;
  --light_green-color-800: #d6ebc3;
  --light_green-color-700: #b3c89a;
  --light_green-color-600: #e6f8d1;
  --light_green-color-500: #e6f8d1;
  --light_green-color-400: #e6f8d1;
  --light_green-color-300: #caeea1;
  --light_green-color-200: #e6f8d1;
  --light_green-color-100: #b5d195;
  --light_green-color-50: #1a250e;
  --brown-color-950:  #352315;
  --brown-color-900:  #815a3d;
  --brown-color-800:  #5E2C04;
  --brown-color-700:  #3B1E08;
  --brown-color-600:  #795C34;
  --brown-color-500:  #65350F;
  --brown-color-400:  #432616;
  --brown-color-300:  #473023;
  --brown-color-200:  #746258;
  --brown-color-100:  #9A7B4F;
  --brown-color-50: #FFFFFF;
}
.red-theme {
  --color-950: var(--red-color-950);
  --color-900: var(--red-color-900);
  --color-800: var(--red-color-800);
  --color-700: var(--red-color-700);
  --color-600:  var(--red-color-600);
  --color-500: var(--red-color-500);
  --color-400: var(--red-color-400);
  --color-300: var(--red-color-300);
  --color-200: var(--red-color-200);
  --color-100: var(--red-color-100);
  --color-50: var(--red-color-50);
}
.green-theme{
  --color-950: var(--green-color-950);
  --color-900: var(--green-color-900);
  --color-800:  var(--green-color-800);
  --color-700: var(--green-color-700);
  --color-600: var(--green-color-600);
  --color-500: var(--green-color-500);
  --color-400: var(--green-color-400);
  --color-300: var(--green-color-300);
  --color-200: var(--green-color-200);
  --color-100: var(--green-color-100);
  --color-50: var(--green-color-50);
} 
.blue-theme {
  --color-950: var(--blue-color-950);
  --color-900: var(--blue-color-900);
  --color-800:  var(--blue-color-800);
  --color-700: var(--blue-color-700);
  --color-600: var(--blue-color-600);
  --color-500: var(--blue-color-500);
  --color-400: var(--blue-color-400);
  --color-300: var(--blue-color-300);
  --color-200: var(--blue-color-200);
  --color-100: var(--blue-color-100);
  --color-50: var(--blue-color-50);
}
.pink-theme {
    --color-950: var(--pink-color-950);
  --color-900: var(--pink-color-900);
  --color-800:  var(--pink-color-800);
  --color-700: var(--pink-color-700);
  --color-600: var(--pink-color-600);
  --color-500: var(--pink-color-500);
  --color-400: var(--pink-color-400);
  --color-300: var(--pink-color-300);
  --color-200: var(--pink-color-200);
  --color-100: var(--pink-color-100);
  --color-50: var(--pink-color-50);
}
.cream-theme {
  --color-950: var(--cream-color-950);
  --color-900: var(--cream-color-900);
  --color-800:  var(--cream-color-800);
  --color-700: var(--cream-color-700);
  --color-600: var(--cream-color-600);
  --color-500: var(--cream-color-500);
  --color-400: var(--cream-color-400);
  --color-300: var(--cream-color-300);
  --color-200: var(--cream-color-200);
  --color-100: var(--cream-color-100);
  --color-50: var(--cream-color-50);
}
.bg-cream-900{
  background-color:  var(--cream-color-900);
}
.brown-theme {
  --color-950: var(--brown-color-950);
  --color-900: var(--brown-color-900);
  --color-800:  var(--brown-color-800);
  --color-700: var(--brown-color-700);
  --color-600: var(--brown-color-600);
  --color-500: var(--brown-color-500);
  --color-400: var(--brown-color-400);
  --color-300: var(--brown-color-300);
  --color-200: var(--brown-color-200);
  --color-100: var(--brown-color-100);
  --color-50: var(--brown-color-50);
}
.bg-brown-900{
  background-color:  var(--brown-color-900);
}

.light_green-theme {
  --color-950: var(--light_green-color-950);
  --color-900: var(--light_green-color-900);
  --color-800:  var(--light_green-color-800);
  --color-700: var(--light_green-color-700);
  --color-600: var(--light_green-color-600);
  --color-500: var(--light_green-color-500);
  --color-400: var(--light_green-color-400);
  --color-300: var(--light_green-color-300);
  --color-200: var(--light_green-color-200);
  --color-100: var(--light_green-color-100);
  --color-50: var(--light_green-color-50);
}
.bg-light_green-900 {
   background-color: var(--light_green-color-900);
}
:root{
  --control-radius: 8px;
  --base-color: var(--color-900);
  --container-color: var(--color-800);
  --surface-color:var(--color-700);
  --border-color: var(--color-700);
  --disabled-color: var(--color-500);
  --muted-color: var(--color-400);
  --primary-color: var(--color-50);
  --heading-color: var(--color-100);
  --link-color: var(--color-100);
  --active-link-color: var(--color-300);
  --p-tabs-active-bar-background: var(--color-800);
  --p-tabs-tab-active-border-color: var(--color-800);
  --p-tabs-tab-active-background: var(--color-800);
}