/** @type {import('tailwindcss').Config}*/
const config = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",

  ],
  darkMode: 'class',
  daisyui: {

    themes: [{
      mytheme: {
        "primary": "#0256bf",
        "secondary": "#36363a",
        "accent": "#7F00FF",
        "neutral": "#2B2B36",
        "base-100": "#252531",
        "info": "#74a0d5",
        "success": "#33cc33",
        "warning": "#97520C",
        "error": "#da0e0e",
      },
    }, ],
  },
  plugins: [
    require("daisyui"),
  ],



  theme: {
    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '768px',
      // => @media (min-width: 768px) { ... }

      'lg': '1024px',
      // => @media (min-width: 1024px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    },
  
  },

};

module.exports = config;