tailwind.config.ts

// tailwind.config.ts

import plugin from 'tailwindcss/plugin';

import type { Config } from 'tailwindcss';

export default {
  content: ['./components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}'],
  theme: {
    extend: {
      fontFamily: {
        mono: ['"Roboto Mono"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas'],
      },
      colors: {
        gravity: {
          '50': '#1a202c',
          '100': '#181d28',
          '200': '#0f131a',
          '300': '#0d1016',
          '400': '#0b0d12',
          '500': '#090b0f',
          '600': '#07080b',
          '700': '#040507',
          '800': '#020304',
          '900': '#000000',
        },
        airbroke: {
          '50': '#E5E7EB',
          '100': '#CBD5E1',
          '200': '#9AA5B1',
          '300': '#718096',
          '400': '#4A5568',
          '500': '#2D3748',
          '600': '#1A202C',
          '700': '#171923',
          '800': '#192231',
          '900': '#1F2937',
        },
      },
    },
  },

  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities({
        '.scrollbar-none': {
          '-ms-overflow-style': 'none',
          'scrollbar-width': 'none',
          '&::-webkit-scrollbar': {
            display: 'none',
          },
        },
      });
    }),
  ],
} satisfies Config;