@import "tailwindcss";
@import "@nuxt/ui";
@source "../../../../packages/editor/src";

@theme {
  --font-sans: "Lora", serif;
}

@theme static {
  --color-clay-50: #fdf6f1;
  --color-clay-100: #fae8d8;
  --color-clay-200: #f5cfb0;
  --color-clay-300: #ecae7c;
  --color-clay-400: #e08347;
  --color-clay-500: #c9621f;
  --color-clay-600: #a84e18;
  --color-clay-700: #873c14;
  --color-clay-800: #6d3112;
  --color-clay-900: #592a12;
  --color-clay-950: #301309;
}

:root {
  --ui-radius: 0.375rem;
}

html {
  font-family: var(--font-sans);
}