/** @type {import('tailwindcss').Config} */
import type { Config } from 'tailwindcss'
import defaultColors from 'tailwindcss/colors'

export default <Partial<Config>>{
  darkMode: 'class',
  content: ['./components/**/*.vue', './ui.config/**/*.ts', './icons/**/*.vue'],
  safelist: [
    {
      pattern: /bg-(blue|green|yellow|red|orange|purple)-(|400|500|600|700|900)\/(10|20)/,
      variants: ['hover']
    }
  ],
  theme: {
    fontFamily: {
      'sans': ['"Open Sans"', 'sans-serif'],
    },
    colors: {
      black: defaultColors.black,
      white: defaultColors.white,
      transparent: defaultColors.transparent,
      'blue': {
        // DEFAULT: '#0070eb',
        '50': '#eff7ff',
        '100': '#e0efff',
        '200': '#bddfff',
        '300': '#90d7ff',
        '400': '#43afed',
        '500': '#1b98e2',
        '600': '#068dff',
        '700': '#0070eb',
        '800': '#085dc5',
        '900': '#0d509b',
        '950': '#0e315d',
      },
      'yellow': {
        // DEFAULT: '#fbc920',
        '50': '#fefbe8',
        '100': '#fef7c3',
        '200': '#feed8a',
        '300': '#fedb46',
        '400': '#fbc920',
        '500': '#ebad07',
        '600': '#cb8503',
        '700': '#a25e06',
        '800': '#854a0e',
        '900': '#713c12',
        '950': '#421e06',
      },
      'deepblue': {
        // pickled-bluewood
        // DEFAULT: '#2c3e50',
        '50': '#f5f7fa',
        '100': '#eaeff4',
        '200': '#cfdce8',
        '300': '#a6bfd3',
        '400': '#759cbb',
        '500': '#5480a3',
        '600': '#416788',
        '700': '#35526f',
        '800': '#2f475d',
        '900': '#2c3e50',
        '950': '#1d2834',
      },
      'gray': {
        // gray-chateau
        // DEFAULT: '#9da3ac',
        '50': '#f4f5f6',
        '100': '#ebecee',
        '200': '#e3e5e8',
        '300': '#c9cccf',
        '400': '#b7bcc2',
        '500': '#9da3ac',
          '600': '#71757a',
        '700': '#5a5d60',
        '800': '#393d40',
        '900': '#26282b',
        '950': '#161617',
      },
      'green': {
        // DEFAULT: '#4caf50',
        '50': '#f3faf3',
        '100': '#e3f5e3',
        '200': '#c8eac9',
        '300': '#9dd89f',
        '400': '#6bbd6e',
        '500': '#4caf50',
        '600': '#358438',
        '700': '#2d6830',
        '800': '#275429',
        '900': '#224525',
        '950': '#0e2510',
      },
      'orange': {
        // DEFAULT: '#e37b00',
        '50': '#fffbea',
        '100': '#fff4c5',
        '200': '#ffe987',
        '300': '#ffd748',
        '400': '#ffc31e',
        '500': '#ff9900',
        '600': '#e37b00',
        '700': '#b95304',
        '800': '#96400a',
        '900': '#7b350c',
        '950': '#471901',
      },
      'red': {
        // cinnabar
        // DEFAULT: '#e74135',
        '50': '#fef3f2',
        '100': '#fde5e3',
        '200': '#fccfcc',
        '300': '#f9ada8',
        '400': '#f47e75',
        '500': '#e74135',
        '600': '#d6372c',
        '700': '#b42b21',
        '800': '#95271f',
        '900': '#7c2620',
        '950': '#43100c',
      },
      'purple': {
        //purple-heart
        DEFAULT: '#7c25b6',
        '50': '#fbf5ff',
        '100': '#f4e8ff',
        '200': '#ebd5ff',
        '300': '#dcb5fd',
        '400': '#c685fb',
        '500': '#b056f6',
        '600': '#9c34e9',
        '700': '#8723cd',
        '800': '#7c25b6',
        '900': '#5d1d86',
        '950': '#400863',
      },
      'turquoise': {
        // light-blue
        // DEFAULT: '#1ee1be',
        '50': '#effefa',
        '100': '#c8fff0',
        '200': '#92fde3',
        '300': '#53f5d3',
        '400': '#1ee1be',
        '500': '#07c5a6',
        '600': '#029f89',
        '700': '#077e6f',
        '800': '#0b6459',
        '900': '#0e534a',
        '950': '#01322e',
      },

    },
    extend: {
      backgroundImage: {
        'gr-blue': 'linear-gradient(236.46deg, #479FFF -2.39%, #0070EB 79.1%)',
        'gr-yellow': 'linear-gradient(236.46deg, #FFE364 -2.39%, #FBC920 79.1%);\n'
      }
    },
  },
}