tailwind.custom.js

const primary = {
  50: 'rgb(var(--color-primary-50))',
  100: 'rgb(var(--color-primary-100))',
  150: 'rgb(var(--color-primary-150))',
  200: 'rgb(var(--color-primary-200))',
  300: 'rgb(var(--color-primary-300))',
  400: 'rgb(var(--color-primary-400))',
  500: 'rgb(var(--color-primary-500))',
  600: 'rgb(var(--color-primary-600))',
  700: 'rgb(var(--color-primary-700))',
  800: 'rgb(var(--color-primary-800))',
  850: 'rgb(var(--color-primary-850))',
  900: 'rgb(var(--color-primary-900))',
}

const blue = {
  50: '#E6F3FC',
  100: '#CEE7F8',
  150: '#B5DBF5',
  200: '#9CCFF2',
  300: '#6BB6EB',
  400: '#399EE5',
  500: '#0886DE',
  600: '#066BB2',
  700: '#055085',
  800: '#033659',
  850: '#022843',
  900: '#021B2C',
}

const gray = {
  25: '#F6F6F7',
  50: '#F1F2F3',
  100: '#E3E5E8',
  150: '#D6D8DC',
  200: '#C8CBD0',
  300: '#ACB1B9',
  400: '#9197A1',
  500: '#757D8A',
  600: '#5E646E',
  700: '#464B53',
  800: '#2F3237',
  850: '#232629',
  900: '#17191C',
}

module.exports = { primary, blue, gray }