@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html,
  body {
    @apply font-sans;
    overflow-x: hidden;
  }
  p {
    line-height: 1.5;
  }
  /* Ensure all typographic content inherits Space Mono */
  .prose {
    @apply font-sans text-gray-700 dark:text-gray-300;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-sans text-gray-900 dark:text-gray-100;
  }
  /* Comfortable, readable default text colors */
  p,
  li,
  dt,
  dd,
  blockquote {
    @apply text-gray-700 dark:text-gray-300;
  }
  small,
  .text-muted {
    @apply text-gray-500 dark:text-gray-400;
  }
  input,
  textarea,
  select,
  button {
    font-family: inherit;
  }
  trix-editor,
  trix-toolbar {
    font-family: inherit !important;
  }
  a {
    @apply text-gray-700 dark:text-gray-300 transition-colors;
  }
  a:hover,
  a:focus {
    @apply text-purple-600 dark:text-purple-400;
  }
  a:visited:hover {
    @apply text-purple-600 dark:text-purple-400;
  }
}

@layer components {
  .container-main {
    @apply max-w-4xl mx-auto px-6 md:px-8;
  }
}