/* Tailwind Custom Configuration */
:root {
  --laurus-green: #2E8B57;
  --laurus-brown: #8B4513;
  --laurus-light: #98FB98;
}

/* Custom color classes based on your config */
.text-laurus-green { color: var(--laurus-green) !important; }
.text-laurus-brown { color: var(--laurus-brown) !important; }
.text-laurus-light { color: var(--laurus-light) !important; }

.bg-laurus-green { background-color: var(--laurus-green) !important; }
.bg-laurus-brown { background-color: var(--laurus-brown) !important; }
.bg-laurus-light { background-color: var(--laurus-light) !important; }

.border-laurus-green { border-color: var(--laurus-green) !important; }
.border-laurus-brown { border-color: var(--laurus-brown) !important; }
.border-laurus-light { border-color: var(--laurus-light) !important; }

/* Additional hover states */
.hover\:text-laurus-green:hover { color: var(--laurus-green) !important; }
.hover\:text-laurus-brown:hover { color: var(--laurus-brown) !important; }
.hover\:text-laurus-light:hover { color: var(--laurus-light) !important; }

.hover\:bg-laurus-green:hover { background-color: var(--laurus-green) !important; }
.hover\:bg-laurus-brown:hover { background-color: var(--laurus-brown) !important; }
.hover\:bg-laurus-light:hover { background-color: var(--laurus-light) !important; }