import { style } from '@vanilla-extract/css'
import { vars } from './theme/contract.css'

export const textPrimary = style({
  color: vars.color.primary,
})

export const hoverBackgroundPrimary = style({
  ':hover': {
    backgroundColor: vars.color.primary,
  },
})

export const hoverTextPrimary = style({
  ':hover': {
    color: vars.color.primary,
  },
})