/*/*

::  1.0 Table color variable
::  2.0 Button & Background color variable
*/

/* -------------------------------
   1.0 Table color variable
------------------------------- */
:root {

   --white: #ffffff;
   --black: #000000;
   /* -------------------------------
      2.0 primary, success, default, warning, danger, info color variable
   ------------------------------- */
   /* tailwind css color */

   --sky-50: #f0f9ff; /* sky-50 #f0f3f5 */
   --sky-200: #bae6fd; /* sky-200  info #b6e2ef*/
   --sky-300: #7dd3fc; /* sky-300 #93cfe5 */
   --sky-600: #0284c7; /* sky-600 #3498db */

   --gray-50: #f9fafb; /* gray-50 #f4f6f7 */
   --gray-100: #f3f4f6; /* gray-100 #f3f4f6 */
   --gray-200: #e5e7eb; /* gray-200 active #e5e7eb*/
   --gray-300: #d1d5db; /* gray-300 #c5ced4 */
   --gray-400: #9ca3af; /* gray-400  #a8acb1 */
   --gray-500: #6b7280; /* gray-500 #707478 */
   --gray-700: #374151;  /* gray-700 #2d353c */
   --gray-800: #1f2937; /* gray-800 #232a2f */

   /* --neutral-50: #fafafa; 
   --neutral-100: #f5f5f5; 
   --neutral-700: #404040; gray*/
   
   --slate-50 : #f8fafc;
   --slate-100: #f1f5f9; /* slate-100 */
   --slate-200: #e2e8f0; /* slate-200 #e2e7e9 */
   --slate-300: #cbd5e1; /* slate-300 #b6c2c9 */
   --slate-400: #94a3b8; /* slate-400 #ccd0d4 */
   --slate-600: #475569;
   --slate-800: #1e293b;
   --slate-900: #0f172a; 

   /* --stone-200: #e7e5e4; 
   --stone-700: #44403c;
   --stone-800: #292524;  slate*/

   --teal-200: #99f6e4; /* teal-200 #99dede */
   --teal-400: #2dd4bf; /* teal-400 #33bdbd */
   --teal-500: #14b8a6; /* teal-500 #24B498 */
   
   --orange-100: #ffedd5; /* orange-100 #ffead0 */
   --orange-200: #fed7aa; /* orange-200 warning #fbd7a3*/

   --yellow-100: #fef9c3; /* yellow-100 #fafac1 */
   
   --green-200: #bbf7d0; /* green-200 success #aff7aa */
   --green-300: #86efac; /* green-300 #7cdda7 */

   --lime-200: #D9F99D; /* lime-200 green #D9F99D */
   --lime-400: #A3E635; /* lime-400 #A3E635 */
   --lime-500: #84cc16; /* lime-500 #8ec73a */
   --lime-600: #65a30d; /* lime-600 #7fb433 */
   
   --red-200: #fecaca; /* red-200 danger #ffc2c2*/
   --red-300: #fca5a5; /* red-300 #ffb3b3 */
   --red-400: #f87171; /* red-400 #ff7c79 */
   --red-500: #ef4444; /* red-500 #ff5b57 */
   --red-600: #dc2626; /* red-600 #cc4946 */

   --blue-100: #dbeafe; /* blue-100 #e0edff */
   --blue-400: #3b82f6; /* primary  blue-400 #348fe2 */
   --blue-500: #2563eb; /* button focus blue-500 #2a72b5 */
   --blue-600: #60a5fa; /* text focus blue-600 #5da5e8 */

   --amber-500: #f59e0b; /* amber-500 #f59c1a */
   --amber-600: #d97706; /* amber-600 #c47d15 */
   --amber-400: #fbbf24; /* amber-400 #f7b048 */

   --cyan-500: #06b6d4; /* cyan-500 #49b6d6 */
   --cyan-600: #0891b2; /* cyan-600 #3a92ab */
   --cyan-400: #22d3ee; /* cyan-400 #6dc5de */
   
   --violet-500: #8b5cf6; /* violet-500 #727cb6 */
   --violet-600: #7c3aed; /* violet-600 #5b6392 */
   --violet-400: #a78bfa; /* violet-400 #8e96c5 */
   --indigo-200: #c7d2fe; /* indigo-200 #a8acc3 */
   
   /* --zinc-300: #d4d4d8;  gray*/

   --yellow: #e3fa3e;
   --yellow-darker: #b6c832;
   --yellow-lighter: #e9fb65;
}
