import { createSystem, defaultConfig, defineConfig } from "@chakra-ui/react";
const varRoot = ":host";
const config = defineConfig({
  cssVarsRoot: varRoot,
  conditions: {
    light: `${varRoot} &, .light &`
  },
  preflight: { scope: varRoot },
  globalCss: {
    [varRoot]: defaultConfig.globalCss?.html ?? {}
  },
  theme: {
    tokens: {
      fonts: {
        heading: { value: `'Estedad-FD', system-ui, sans-serif` },
        body: { value: `'Estedad-FD', system-ui, sans-serif` }
      },
      fontWeights: {
        100: { value: "100" },
        200: { value: "200" },
        300: { value: "300" },
        400: { value: "400" },
        500: { value: "500" },
        600: { value: "600" },
        700: { value: "700" },
        800: { value: "800" },
        900: { value: "900" },
        thin: { value: "100" },
        extralight: { value: "200" },
        light: { value: "300" },
        normal: { value: "400" },
        medium: { value: "500" },
        semibold: { value: "600" },
        bold: { value: "700" },
        extrabold: { value: "800" },
        black: { value: "900" }
      }
    }
  }
});
export const system = createSystem(defaultConfig, config);