import type { Config } from 'tailwindcss';
import plugin from 'tailwindcss/plugin';
import fluidType from './plugins/fluidType';

export default {
  darkMode: 'class',
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['DM Sans', 'sans-serif'],
        serif: ['DM Serif Display', 'serif'],
        mono: ['DM Mono', 'monospace'],
      },
      colors: {
        // Mono
        'bones-black': {
          DEFAULT: 'oklch(0 0 0)',
          100: 'oklch(0 0 0 / 1)',
          90: 'oklch(0 0 0 / 0.9)',
          80: 'oklch(0 0 0 / 0.8)',
          70: 'oklch(0 0 0 / 0.7)',
          60: 'oklch(0 0 0 / 0.6)',
          50: 'oklch(0 0 0 / 0.5)',
          40: 'oklch(0 0 0 / 0.4)',
          30: 'oklch(0 0 0 / 0.3)',
          20: 'oklch(0 0 0 / 0.2)',
          10: 'oklch(0 0 0 / 0.1)',
          5: 'oklch(0 0 0 / 0.05)',
          2: 'oklch(0 0 0 / 0.02)',
        },
        'bones-white': {
          DEFAULT: 'oklch(1 0 0)',
          100: 'oklch(1 0 0 / 1)',
          90: 'oklch(1 0 0 / 0.9)',
          80: 'oklch(1 0 0 / 0.8)',
          70: 'oklch(1 0 0 / 0.7)',
          60: 'oklch(1 0 0 / 0.6)',
          50: 'oklch(1 0 0 / 0.5)',
          40: 'oklch(1 0 0 / 0.4)',
          30: 'oklch(1 0 0 / 0.3)',
          20: 'oklch(1 0 0 / 0.2)',
          10: 'oklch(1 0 0 / 0.1)',
          5: 'oklch(1 0 0 / 0.05)',
          2: 'oklch(1 0 0 / 0.02)',
        },
        // Blues (light mode: blue, dark mode: mediumblue)
        'bones-blue': {
          DEFAULT: 'oklch(0.452 0.313214 264.052)',
          100: 'oklch(0.452 0.313214 264.052 / 1)',
          90: 'oklch(0.452 0.313214 264.052 / 0.9)',
          80: 'oklch(0.452 0.313214 264.052 / 0.8)',
          70: 'oklch(0.452 0.313214 264.052 / 0.7)',
          60: 'oklch(0.452 0.313214 264.052 / 0.6)',
          50: 'oklch(0.452 0.313214 264.052 / 0.5)',
          40: 'oklch(0.452 0.313214 264.052 / 0.4)',
          30: 'oklch(0.452 0.313214 264.052 / 0.3)',
          20: 'oklch(0.452 0.313214 264.052 / 0.2)',
          10: 'oklch(0.452 0.313214 264.052 / 0.1)',
          5: 'oklch(0.452 0.313214 264.052 / 0.05)',
          2: 'oklch(0.452 0.313214 264.052 / 0.02)',
        },
        'bones-mediumblue': {
          DEFAULT: 'oklch(0.3835 0.2657 264.05)',
          100: 'oklch(0.3835 0.2657 264.05 / 1)',
          90: 'oklch(0.3835 0.2657 264.05 / 0.9)',
          80: 'oklch(0.3835 0.2657 264.05 / 0.8)',
          70: 'oklch(0.3835 0.2657 264.05 / 0.7)',
          60: 'oklch(0.3835 0.2657 264.05 / 0.6)',
          50: 'oklch(0.3835 0.2657 264.05 / 0.5)',
          40: 'oklch(0.3835 0.2657 264.05 / 0.4)',
          30: 'oklch(0.3835 0.2657 264.05 / 0.3)',
          20: 'oklch(0.3835 0.2657 264.05 / 0.2)',
          10: 'oklch(0.3835 0.2657 264.05 / 0.1)',
          5: 'oklch(0.3835 0.2657 264.05 / 0.05)',
          2: 'oklch(0.3835 0.2657 264.05 / 0.02)',
        },
        // Yellows (light mode: yellow, dark mode: gold)
        'bones-yellow': {
          DEFAULT: 'oklch(0.968 0.211 109.77)',
          100: 'oklch(0.968 0.211 109.77 / 1)',
          90: 'oklch(0.968 0.211 109.77 / 0.9)',
          80: 'oklch(0.968 0.211 109.77 / 0.8)',
          70: 'oklch(0.968 0.211 109.77 / 0.7)',
          60: 'oklch(0.968 0.211 109.77 / 0.6)',
          50: 'oklch(0.968 0.211 109.77 / 0.5)',
          40: 'oklch(0.968 0.211 109.77 / 0.4)',
          30: 'oklch(0.968 0.211 109.77 / 0.3)',
          20: 'oklch(0.968 0.211 109.77 / 0.2)',
          10: 'oklch(0.968 0.211 109.77 / 0.1)',
          5: 'oklch(0.968 0.211 109.77 / 0.05)',
          2: 'oklch(0.968 0.211 109.77 / 0.02)',
        },
        'bones-gold': {
          DEFAULT: 'oklch(0.8683 0.1788 96.51)',
          100: 'oklch(0.8683 0.1788 96.51 / 1)',
          90: 'oklch(0.8683 0.1788 96.51 / 0.9)',
          80: 'oklch(0.8683 0.1788 96.51 / 0.8)',
          70: 'oklch(0.8683 0.1788 96.51 / 0.7)',
          60: 'oklch(0.8683 0.1788 96.51 / 0.6)',
          50: 'oklch(0.8683 0.1788 96.51 / 0.5)',
          40: 'oklch(0.8683 0.1788 96.51 / 0.4)',
          30: 'oklch(0.8683 0.1788 96.51 / 0.3)',
          20: 'oklch(0.8683 0.1788 96.51 / 0.2)',
          10: 'oklch(0.8683 0.1788 96.51 / 0.1)',
          5: 'oklch(0.8683 0.1788 96.51 / 0.05)',
          2: 'oklch(0.8683 0.1788 96.51 / 0.02)',
        },
        // Utilities
        'bones-transparent': 'transparent',
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    fluidType(),
  ],
} satisfies Config;