@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-primary: #117864;
  --color-secondary: #10c45c;
  --color-accent: #fc5f42;
  --color-dark: #2d2e32;
  --color-text: #333333;
  --color-bg: #ffffff;
}

body {
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* Override Tailwind defaults or add utility classes using brand colors */
.text-primary {
  color: var(--color-primary);
}

.bg-primary {
  background-color: var(--color-primary);
}

.border-primary {
  border-color: var(--color-primary);
}

.btn-primary {
  background-color: var(--color-primary);
  color: white;
}

.btn-primary:hover {
  background-color: #0d5f4e; /* Darker shade of primary */
}