/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{vue,js,ts}',
    './components/**/*.{vue,js,ts}',
    './layouts/**/*.{vue,js,ts}',
    './pages/**/*.{vue,js,ts}',
  ],
  theme: {
    extend: {
      colors: {
        'sky-dark': {
          DEFAULT: '#0a0e1a',
          50: '#1a1f2e',
          100: '#151a28',
          200: '#10141f',
          300: '#0c1019',
          400: '#080c14',
          500: '#0a0e1a',
          600: '#060810',
          700: '#04060c',
          800: '#020408',
          900: '#010204',
        },
        'sky-accent': {
          DEFAULT: '#fa784f',
          hover: '#fb8c68',
          active: '#f96436',
          50: '#fff4f0',
          100: '#ffe8e0',
          200: '#ffd1c1',
          300: '#ffb9a2',
          400: '#fca283',
          500: '#fa784f',
          600: '#e86940',
          700: '#d65a31',
          800: '#c44b22',
          900: '#b23c13',
        },
        'sky-text': {
          DEFAULT: '#f5f0e6',
          muted: '#b8b3a8',
          50: '#fdfcfa',
          100: '#fbf9f5',
          200: '#f7f3eb',
          300: '#f5f0e6',
          400: '#e8e3d9',
          500: '#dbd6cc',
          600: '#cec9bf',
          700: '#c1bcb2',
          800: '#b4afa5',
          900: '#a7a298',
        },
      },
      fontFamily: {
        'narrative': ['Merriweather', 'Georgia', 'serif'],
        'ui': ['Inter', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
}