stitches.config.ts

import { createStitches } from '@stitches/react'
import {
  gray,
  blue,
  red,
  green,
  grayDark,
  blueDark,
  redDark,
  greenDark,
} from '@radix-ui/colors'

export const {
  styled,
  css,
  globalCss,
  keyframes,
  getCssText,
  theme,
  createTheme,
  config,
} = createStitches({
  theme: {
    colors: {
      ...gray,
      ...blue,
      ...red,
      ...green,
      black: '#000',
      primary: '#0070f3',
      secondary: '#ff4081',
      tertiary: '#f50057',
      quaternary: '#c51162',
      blue600: '#1976d2',
      white: '#fff',
    },
    size: {
      1: '0.25rem',
    },
  },
  media: {
    $sm: '(min-width: 640px)',
    $md: '(min-width: 768px)',
    $lg: '(min-width: 1024px)',
  },
  utils: {},
})