// uno.config.ts
import { defineConfig, presetUno } from 'unocss'
import presetIcons from '@unocss/preset-icons'

export default defineConfig({
  presets: [
    presetUno(),
    presetIcons(),
  ],
  shortcuts: {
    "bg-dark": ['bg-neutral-000', "dark:bg-neutral-800"],
    "bg": ['bg-neutral-000', "dark:bg-neutral-500"],
    "bg-light": ['bg-neutral-100', "dark:bg-neutral-400"],
    "text-neutral": ['text-neutral-900', "dark:text-neutral-100"],
    "border-neutral": "border-neutral-300 dark:border-neutral-400",
    "border-light": "border-neutral-100 dark:border-neutral-500",
    "divide-x-neutral": ['divide-x-neutral-300', "dark:divide-x-neutral-1000"],
    "gradient": "bg-gradient-to-br from-neutral-000 to-neutral-000 dark:from-neutral-500 dark:to-neutral-800",
  },
  theme: {
    borderRadius: {
      "md": "20px",
      "diag-md": "0px var(--border-radius-md) 0px var(--border-radius-md)"
    },
    breakpoints: {
      xs: "450px",
      sm: "640px",
      md: "768px",
      lg: "1024px",
      xl: "1280px",
      "2xl": "1536px",
    },
    colors: {
      neutral: {
        "000": "var(--neutral-000)",
        "100": "var(--neutral-100)",
        "200": "var(--neutral-200)",
        "300": "var(--neutral-300)",
        "400": "var(--neutral-400)",
        "500": "var(--neutral-500)",
        "600": "var(--neutral-600)",
        "700": "var(--neutral-700)",
        "800": "var(--neutral-800)",
        "900": "var(--neutral-900)",
        "1000": "var(--neutral-1000)",
      },
    },
  },
})
