import {
    defineConfig, presetAttributify, presetIcons,
    presetTypography, presetUno, presetWebFonts,
    transformerDirectives, transformerVariantGroup
} from 'unocss'

export default defineConfig({
    shortcuts: [
        ['wallet-dock-width', 'fixed inset-x-0 w-full max-w-[426px] left-0 right-0'],
        ['app-dock-add-bar', 'wallet-dock-width !fixed bottom-[var(--app-bottom-chrome-height)] z-[var(--app-z-wallet-add-bar)] h-[var(--app-add-card-height)] flex items-center justify-center gap-1 rounded-t-3xl bg-[#FBFBFC] shadow-[0_1px_26px_11px_rgba(0,0,0,0.1)] cursor-pointer box-border'],
    ],
    theme: {
        colors: {
            "primary": "#a72b77",
            "secondary": "#ffffff",
            "tertiary": "#e0be7f"
        }
    },
    presets: [
        presetUno(),
        presetAttributify(),
        //presetIcons(),
        //presetTypography(),
        /*presetWebFonts({
            fonts: {
                // ...
            },
        }),*/
    ],
    transformers: [
        transformerDirectives(),
        transformerVariantGroup(),
    ],
})