:root {

  /* tailwindcolor.com */
  --true-gray-700: #262626;
  --true-gray-600: #404040;
  --true-gray-500: #525252;
  --true-gray-400: #A3A3A3;
  --true-gray-350: #CBCBCB;
  --true-gray-300: #D4D4D4;
  --true-gray-200: #E5E5E5;
  --true-gray-100: #F5F5F5;
  --true-gray-50: #FAFAFA;

  --warm-gray-700: #44403C;
  --warm-gray-600: #57534E;
  --warm-gray-500: #78716C;
  --warm-gray-400: #A8A29E;
  --warm-gray-350: #cbc8c6;
  --warm-gray-300: #D6D3D1;
  --warm-gray-200: #E7E5E4;
  --warm-gray-100: #F5F5F4;
  --warm-gray-50: #FAFAF9;

  --blue-800: #1E40AF;
  --blue-700: #1D4ED8;
  --blue-600: #2563EB;

  --light-blue-900: #0C4A6E;
  --light-blue-800: #075985;
  --light-blue-700: #0369A1;
  --light-blue-600: #0284C7;
  --light-blue-500: #0EA5E9;
  --light-blue-400: #38BDF8;

  --lime-900: #365314;
  --lime-800: #3F6212;
  --lime-700: #4D7C0F;
  --lime-600: #65A30D;

  --purple-700: #7E22CE;

  --red-900: #7F1D1D;
  --red-800: #991B1B;
  --red-700: #B91C1C;
  --red-600: #dc2626;

  --rose-700: #BE123C;

  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-300: #fde047;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-600: #ca8a04;
  --yellow-700: #a16207;

}