/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')

module.exports = {
  content: ["./templates/**/*.html", "./content/**/*.md"],
  theme: {
    fontFamily: {
      "sans": ["DejaVu", "sans-serif"],
      "serif": ["DejaVu", "serif"],
      "mono": ["DejaVu", "monospace"],
    },
    colors: {
      /* https://tailwindcss.com/docs/customizing-colors#disabling-a-default-color */
      'amber': colors.amber,
      'emerald': colors.emerald,
      'orange': colors.orange,
      'sky': colors.sky,
      'text': {
        orig: 'hsl(200, 60%, 1%)',
        50: 'hsl(200, 60%, 95%)',
        100: 'hsl(199, 61%, 90%)',
        200: 'hsl(200, 61%, 80%)',
        300: 'hsl(200, 59%, 70%)',
        400: 'hsl(200, 60%, 60%)',
        500: 'hsl(200, 60%, 50%)',
        600: 'hsl(200, 60%, 40%)',
        700: 'hsl(200, 59%, 30%)',
        800: 'hsl(200, 61%, 20%)',
        900: 'hsl(199, 61%, 10%)',
        950: 'hsl(200, 60%, 5%)',
      },
      'background': {
        orig: 'hsl(197, 64%, 98%)',
        50: 'hsl(195, 62%, 95%)',
        100: 'hsl(196, 65%, 90%)',
        200: 'hsl(197, 65%, 80%)',
        300: 'hsl(197, 63%, 70%)',
        400: 'hsl(197, 64%, 60%)',
        500: 'hsl(197, 64%, 50%)',
        600: 'hsl(197, 64%, 40%)',
        700: 'hsl(197, 63%, 30%)',
        800: 'hsl(197, 65%, 20%)',
        900: 'hsl(196, 65%, 10%)',
        950: 'hsl(199, 62%, 5%)',
      },
      'primary': {
        orig: 'hsl(201, 41%, 69%)',
        50: 'hsl(198, 38%, 95%)',
        100: 'hsl(200, 41%, 90%)',
        200: 'hsl(201, 41%, 80%)',
        300: 'hsl(201, 41%, 70%)',
        400: 'hsl(201, 41%, 60%)',
        500: 'hsl(201, 41%, 50%)',
        600: 'hsl(201, 41%, 40%)',
        700: 'hsl(201, 41%, 30%)',
        800: 'hsl(201, 41%, 20%)',
        900: 'hsl(200, 41%, 10%)',
        950: 'hsl(204, 38%, 5%)',
      },
      'secondary': {
        orig: 'hsl(200, 67%, 87%)',
        50: 'hsl(201, 68%, 95%)',
        100: 'hsl(201, 69%, 90%)',
        200: 'hsl(200, 67%, 80%)',
        300: 'hsl(200, 67%, 70%)',
        400: 'hsl(200, 67%, 60%)',
        500: 'hsl(200, 67%, 50%)',
        600: 'hsl(200, 67%, 40%)',
        700: 'hsl(200, 67%, 30%)',
        800: 'hsl(200, 67%, 20%)',
        900: 'hsl(201, 69%, 10%)',
        950: 'hsl(198, 68%, 5%)',
      },
      'accent': {
        orig: 'hsl(201, 19%, 40%)',
        50: 'hsl(204, 20%, 95%)',
        100: 'hsl(200, 18%, 90%)',
        200: 'hsl(201, 20%, 80%)',
        300: 'hsl(201, 19%, 70%)',
        400: 'hsl(201, 19%, 60%)',
        500: 'hsl(201, 19%, 50%)',
        600: 'hsl(201, 19%, 40%)',
        700: 'hsl(201, 19%, 30%)',
        800: 'hsl(201, 20%, 20%)',
        900: 'hsl(200, 18%, 10%)',
        950: 'hsl(204, 20%, 5%)',
      },
    },
  },
  plugins: [
    require("@tailwindcss/typography")
  ],
}