@import "tailwindcss";

@theme {
  --color-accent: #B9956B;
  --color-dark: #332B23;
  --color-light: #F5F0E8;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-light);
  color: var(--color-dark);
}

.focus-ring {
  @apply focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2 rounded-sm;
}
.focus-ring-dark {
  @apply focus-ring focus:ring-offset-dark;
}
.focus-ring-light {
  @apply focus-ring focus:ring-offset-light;
}