@import "tailwindcss";

:root {
  --background: #f8f4ec;
  --foreground: #1e293b;
  --emerald-primary: #047857;
  --emerald-dark: #064e3b;
  --beige-soft: #fcfaf5;
  --beige-muted: #f6efe3;
  --border-soft: rgba(6, 78, 59, 0.1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}