webMontime/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['IRANYekanX', 'ui-sans-serif', 'system-ui', 'sans-serif'],
      },
      maxWidth: {
        app: '768px',
      },
      colors: {
        border: 'var(--color-border)',
        text: 'var(--color-text)',
        muted: 'var(--color-muted)',
        surface: {
          DEFAULT: 'var(--color-surface)',
          2: 'var(--color-surface-2)',
          3: 'var(--color-surface-3)',
        },
        brand: {
          50: '#e6f7ee',
          100: '#ccefdc',
          400: '#22c55e',
          500: '#00a651',
          600: '#009640',
          700: '#007a35',
        },
        landing: {
          navy: '#001f3f',
          ink: '#1e293b',
          muted: '#64748b',
          line: '#e2e8f0',
          surface: '#f8fafc',
        },
      },
    },
  },
  plugins: [],
};