@import "tailwindcss";

@theme {
  --color-primary: #2D6A4F;
  --color-primary-dark: #1B4332;
  --color-primary-light: #40916C;
  --color-secondary: #F5F0E8;
  --color-accent: #E76F51;
  --color-text: #111827;
  --color-muted: #6B7280;
  --color-border: #E5E7EB;
  --color-bg: #F9FAFB;
  --color-surface: #FFFFFF;
  --color-danger: #DC2626;
  --color-warning: #D97706;
  --color-success: #059669;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
}

:root {
  --background: #F9FAFB;
  --foreground: #111827;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9CA3AF;
}