@import "tailwindcss";

@config "../tailwind.config.ts";

:root {
  --background: #ffffff;
  --foreground: #21201c;
}

@theme inline {
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html {
  height: 100%;
}

body {
  background: url("/countertop-pattern.png") repeat;
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
}

/* Ensure lists in .prose have bullets and numbers */
.prose ul {
  list-style-type: disc;
  margin-left: 1.5em;
}
.prose ol {
  list-style-type: decimal;
  margin-left: 1.5em;
}

/* TipTap editor list styles */
.tiptap ul {
  list-style-type: disc;
  margin-left: 1.5em;
  padding-left: 0;
}
.tiptap ol {
  list-style-type: decimal;
  margin-left: 1.5em;
  padding-left: 0;
}
.tiptap li {
  margin-bottom: 0.25em;
}

.tiptap h1 {
  font-size: 2rem;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}
.tiptap h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0.75em 0 0.4em 0;
}
.tiptap h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0.5em 0 0.3em 0;
}