@import "tailwindcss";

/* webklar Custom Theme */
@theme {
  --color-primary: #0A400C;
  --color-primary-light: #0F5010;
  --color-primary-dark: #052006;
  --color-secondary: #819067;
  --color-secondary-light: #9AA67F;
  --color-secondary-dark: #6B7A58;
  --color-tertiary: #B1AB86;
  --color-background: #FEFAE0;
  
  --font-family-heading: "Playfair Display", Georgia, serif;
  --font-family-body: "DM Sans", system-ui, sans-serif;
}

/* Base Styles */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family-body);
  background-color: var(--color-background);
  color: var(--color-primary);
  margin: 0;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading);
}