@import "tailwindcss";

@theme {
  /* Default (Light) definitions */
  --color-wtihub-green: #00C896;
  --color-wtihub-bg: #FFFFFF;
  --color-wtihub-text: #161B22;
  --color-wtihub-border: #E1E4E8;
  --color-wtihub-surface: #F6F8FA;
}


:where(.dark) {
  --color-wtihub-bg: #0E1117;
  --color-wtihub-text: #F0F6FC;
  --color-wtihub-border: #30363D;
  --color-wtihub-surface: #161B22;
}

body {
  background-color: var(--color-wtihub-bg);
  color: var(--color-wtihub-text);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-wtihub {
  @apply bg-wtihub-green px-6 py-2 rounded-md font-bold hover:opacity-90 transition-all active:scale-95;
  color: #0E1117; 
}