/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // ponytail: CSS vars so data-theme palettes apply without rewriting components
        'gb-bg-h': 'var(--gb-bg-h)',
        'gb-bg': 'var(--gb-bg)',
        'gb-bg-s': 'var(--gb-bg-s)',
        'gb-bg-t': 'var(--gb-bg-t)',
        'gb-bg-f': 'var(--gb-bg-f)',
        'gb-fg': 'var(--gb-fg)',
        'gb-fg-s': 'var(--gb-fg-s)',
        'gb-fg-t': 'var(--gb-fg-t)',
        'gb-fg-f': 'var(--gb-fg-f)',
        'gb-red': 'var(--gb-red)',
        'gb-green': 'var(--gb-green)',
        'gb-yellow': 'var(--gb-yellow)',
        'gb-blue': 'var(--gb-blue)',
        'gb-purple': 'var(--gb-purple)',
        'gb-aqua': 'var(--gb-aqua)',
        'gb-orange': 'var(--gb-orange)',
        'gb-gray': 'var(--gb-gray)',
        'gb-border': 'var(--gb-border)',
      },
      fontFamily: {
        mono: ['"JetBrains Mono"', '"Fira Code"', '"Cascadia Code"', '"SF Mono"', 'Consolas', '"Liberation Mono"', 'monospace'],
      },
      fontSize: {
        'xxs': '11px',
      },
    },
  },
  plugins: [],
}