import type {Config} from 'tailwindcss'
import typography from '@tailwindcss/typography'

export default <Partial<Config>>{
  theme: {
    fontFamily: {
      sans: ['Rubik', 'Noto Sans SC', 'sans-serif'],
    },
    extend: {
      aspectRatio: {
        auto: 'auto',
        square: '1 / 1',
        video: '16 / 9',
      },
      boxShadow: {
        card: '0 2px 4px 0 rgba(0, 0, 0, .05)',
        sidebar: 'inset -2px 0 2px 0 rgba(0, 0, 0, .05)',
        sidebar_dark: 'inset -2px 0 2px 0 rgba(255, 255, 255, .05)',
      }
    },
  },
  plugins: [typography],
  safelist: [
    {
      pattern: /^bg-/,
    }
  ]
}