@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

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

body {
  background: linear-gradient(
    135deg,
    #f5f7fa 0%,
    #e8ecf1 25%,
    #f0f4f8 50%,
    #e8eef5 75%,
    #f5f7fa 100%
  );
  background-attachment: fixed;
  color: var(--foreground);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
}

/* Apple Notes style typography for markdown */
.markdown-content {
  @apply text-gray-800 leading-relaxed;
}

.markdown-content h1 {
  @apply text-4xl font-black tracking-tight mb-6 mt-8 text-gray-900;
}

.markdown-content h2 {
  @apply text-3xl font-bold tracking-tight mb-4 mt-6 text-gray-900;
}

.markdown-content h3 {
  @apply text-2xl font-semibold mb-3 mt-5 text-gray-800;
}

.markdown-content p {
  @apply mb-4 leading-relaxed;
}

.markdown-content blockquote {
  @apply border-l-4 border-gray-200 pl-4 italic text-gray-600 my-4;
}

.markdown-content ul,
.markdown-content ol {
  @apply mb-4 pl-6;
}

.markdown-content li {
  @apply mb-2;
}

.markdown-content code {
  @apply bg-gray-100 px-1.5 py-0.5 rounded text-sm font-mono;
}

.markdown-content pre {
  @apply bg-gray-100 p-4 rounded-lg overflow-x-auto mb-4;
}

.markdown-content pre code {
  @apply bg-transparent p-0;
}