import Aura from "@primeuix/themes/aura";
import { definePreset } from "@primeuix/themes";

export const Theme = definePreset(Aura, {
    semantic: {
        formField: {
            paddingX: "0.75rem",
            paddingY: "0.35rem",
            sm: {
                fontSize: "0.875rem",
                paddingX: "0.625rem",
                paddingY: "0.25rem"
            },
            lg: {
                fontSize: "1.125rem",
                paddingX: "0.875rem",
                paddingY: "0.6rem"
            },
            borderRadius: "{border.radius.md}",
            focusRing: {
                width: "0",
                style: "none",
                color: "transparent",
                offset: "0",
                shadow: "none"
            },
            transitionDuration: "{transition.duration}"
        },
        primary: {
            50:  "#fffbeb",
            100: "#fef3c7",
            200: "#fde68a",
            300: "#fcd34d",
            400: "#fbbf24",
            500: "#f59e0b",
            600: "#d97706",
            700: "#b45309",
            800: "#92400e",
            900: "#78350f",
            950: "#451a03"
        },
        colorScheme: {
            light: {
                surface: {
                    0: "#ffffff",
                    50: "#fafaf9",
                    100: "#f5f5f4",
                    200: "#e7e5e4",
                    300: "#d6d3d1",
                    400: "#a8a29e",
                    500: "#78716c",
                    600: "#57534e",
                    700: "#44403c",
                    800: "#292524",
                    900: "#1c1917",
                    950: "#0c0a09"
                }
            },
            dark: {
                surface: {
                    0: "#030303",
                    50: "#171717",
                    100: "#262626",
                    200: "#404040",
                    300: "#525252",
                    400: "#737373",
                    500: "#a3a3a3",
                    600: "#d4d4d4",
                    700: "#e5e5e5",
                    800: "#f5f5f5",
                    900: "#fafafa",
                    950: "#ffffff"
                },
                primary: {
                    color: "{primary.400}",      // Gold Button Hintergrund
                    contrastColor: "#1a1a1a",    // ***Dunkler Text für gute Lesbarkeit***
                    hoverColor: "{primary.300}",
                    activeColor: "{primary.200}"
                }
            }
        }
    }
});