@import 'tailwindcss';

@custom-variant dark (&:where(.dark, .dark *));

@plugin '@tailwindcss/typography';

@theme {
  --font-sans:
    Inter Variable, Inter, ui-sans-serif, system-ui, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}