@import "tailwindcss";
@plugin "@tailwindcss/typography";
@source "./";

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --color-neutral-950: #fafafa;
    --color-neutral-900: #f5f5f5;
    --color-neutral-800: #e5e5e5;
    --color-neutral-700: #d4d4d4;
    --color-neutral-600: #a3a3a3;
    --color-neutral-500: #737373;
    --color-neutral-400: #525252;
    --color-neutral-300: #404040;
    --color-neutral-200: #171717;
    --color-red-400: #dc2626;
    --color-red-500: #b91c1c;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

@media screen and (max-width: 768px) {
  input,
  textarea,
  select {
    font-size: 16px;
  }
}

pre,
code,
kbd,
samp {
  font-family:
    "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace;
}

@media (hover: hover) {
  .reply-card .post-actions {
    visibility: hidden;
  }

  .reply-card:hover .post-actions {
    visibility: visible;
  }
}