/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        'marine': {
          50:  '#f0f4f8',
          100: '#d9e4ed',
          200: '#b3c9da',
          300: '#7fa4bb',
          400: '#4d7d9c',
          500: '#2d5f80',
          600: '#1f4a66',
          700: '#163a52',
          800: '#0f2a3d',
          900: '#091e2d',
          950: '#040f18',
        },
        'gold': {
          50:  '#fffbeb',
          100: '#fef3c7',
          200: '#fde68a',
          300: '#fcd34d',
          400: '#fbbf24',
          500: '#c9a84c',
          600: '#a07830',
          700: '#7c5a1e',
          800: '#5a3f0f',
          900: '#3b2708',
        },
        'military': {
          dark:  '#1C2B1A',
          green: '#4A5C3F',
          light: '#6B7F5E',
        },
        'french': {
          blue: '#002395',
          red:  '#ED2939',
        },
        'cream': '#F9F6F0',
      },
      fontFamily: {
        serif: ["'Playfair Display'", 'Georgia', 'serif'],
        sans:  ["'Inter'", 'system-ui', 'sans-serif'],
      },
      backgroundImage: {
        'tricolore': "linear-gradient(to right, #002395 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ED2939 66.66%)",
      },
    },
  },
  plugins: [],
};