import { createThemeContract } from "@vanilla-extract/css";

export const vars = createThemeContract({
  color: {
    text: null,
    textMuted: null,
    bg: null,
    surface: null,
    surfaceHover: null,
    border: null,
    primary: null,
    primaryHover: null,
    primaryLight: null,
    danger: null,
    dangerLight: null,
    warning: null,
    warningLight: null,
    success: null,
    successLight: null,
    shadow: null,
    shadowStrong: null,
    focusRing: null,
  },
  space: {
    xs: null,
    sm: null,
    md: null,
    lg: null,
    xl: null,
    xxl: null,
  },
  radius: {
    sm: null,
    md: null,
    lg: null,
  },
  font: {
    body: null,
    heading: null,
  },
});