const shadows = {
    sm: "0px 1px 2px rgba(73, 63, 31, 0.11), 0px 2px 8px rgba(73, 63, 31, 0.11)",
    smHover: "0px 1px 2px rgba(73, 63, 31, 0.2), 0px 2px 12px rgba(73, 63, 31, 0.2)",
    md: "0px 1px 4px rgba(73, 63, 31, 0.2), 0px 2px 18px rgba(73, 63, 31, 0.11)",
    mdHover: "0px 1px 3px rgba(73, 63, 31, 0.2), 0px 2px 12px rgba(73, 63, 31, 0.2)",
    lg: "0px 1px 8px rgba(73, 63, 31, 0.12), 0px 2px 22px rgba(73, 63, 31, 0.15)",
};
const colors = {
    primary960: "#B23E16",
    primary950: "#B84218",
    primary910: "#B84218",
    primary905: "#F93737",
    primary900: "#E8662D",
    primary890: "#E55400",
    primary400: "#A79A88",
    primary300: "#E4D5B2",
    primary250: "#ECE3D0",
    primary210: "#E3D9C5",
    primary200: "#DED5C1",
    primary150: "#F7F0E8",
    primary110: "#FAF8F2",
    primary100: "#FCF7F2",
    primary090: "#FCF8EF",
    primary080: "#FFFCFA",
    black900: "#1D2325",
    black100: "#BDBDBD",
    white900: "#FFFFFF",
    red950: "#F93737",
    red900: "#FD6A6A",
    red800: "#FE6666",
    green905: "#55AE58",
    green900: "#57AF5A",
    pageBg: "#FCF7F2",
    darkBg: "#F7F0E8",
    lightBg: "#FFFCFA",
};
const palette = {
    accent: {
        dark: "#1F74D1",
        normal: "#3897F9",
        light: "#61ADFF",
    },
    link: {
        normal: "#3897F9",
        hover: "#1F74D1",
    },
    text: {
        primary: "#233445",
        secondary: "#4E5B69",
        tertiary: "#566573",
        quaternary: "#697885",
        disabled: "#8092A2",
        button: "#fff",
    },
    bg: {
        ultradark: "#F1F3F6",
        dark: "#F3F6F8",
        normal: "#F7F8FA",
        light: "#FAFAFC",
        menu: "#F1F3F6",
    },
    plate: {
        normal: "#CFD9E8",
    },
    line: {
        dark: "#E4E8ED",
        normal: "#EBEEF2",
        light: "#F3F6F8",
    },
    icon: {
        disabled: "#697885",
        normal: "#0B294A",
        accent: "#3897F9",
    },
    add: {
        violet: {
            dark: "#560A91",
            normal: "#9333DF",
            light: "#F8F1FE",
        },
        pink: {
            dark: "#940752",
            normal: "#E6007A",
            light: "#FFF4FA",
        },
    },
    error: {
        dark: "#E04848",
        normal: "#FE6666",
        light: "#FEF1F1",
    },
    success: {
        dark: "#0C8210",
        normal: "#55AE58",
        light: "#E8FAE9",
    },
    gradient: {
        violet: "linear-gradient(98.43deg, #535CD9 25.76%, #477FD0 102.28%)",
    },
};
const typography = {
    baseColor: colors.black900,
    lightColor: colors.primary400,
    warningColor: colors.red800,
    fontFamily: "Geometria, Verdana, sans-serif",
    bold: "700",
    h1: {
        fontSize: "28px",
        fontWeight: "900",
        lineHeight: "34px",
    },
    h2: {
        fontSize: "22px",
        fontWeight: "900",
        lineHeight: "30px",
    },
    h3: {
        fontSize: "18px",
        fontWeight: "900",
        lineHeight: "26px",
    },
    h4: {
        fontSize: "16px",
        fontWeight: "900",
        lineHeight: "22px",
    },
    "p-xxl": {
        fontWeight: "400",
        fontSize: "20px",
        lineHeight: "28px",
    },
    "p-xl": {
        fontWeight: "400",
        fontSize: "18px",
        lineHeight: "24px",
    },
    "p-lg": {
        fontWeight: "400",
        fontSize: "16px",
        lineHeight: "22px",
    },
    "p-md": {
        fontWeight: "400",
        fontSize: "14px",
        lineHeight: "20px",
    },
    "p-sm": {
        fontWeight: "400",
        fontSize: "12px",
        lineHeight: "16px",
    },
    "p-xs": {
        fontWeight: "400",
        fontSize: "10px",
        lineHeight: "18px",
    },
    "button-lg": {
        fontWeight: "700",
        fontSize: "18px",
        lineHeight: "22px",
    },
    "button-md": {
        fontWeight: "700",
        fontSize: "16px",
        lineHeight: "22px",
    },
    "button-sm": {
        fontWeight: "700",
        fontSize: "14px",
        lineHeight: "22px",
    },
    "link-lg": {
        fontWeight: "700",
        fontSize: "18px",
        lineHeight: "24px",
        textDecorationLine: "underline",
    },
    "link-md": {
        fontWeight: "700",
        fontSize: "16px",
        lineHeight: "22px",
        textDecorationLine: "underline",
    },
    "link-sm": {
        fontWeight: "700",
        fontSize: "14px",
        lineHeight: "20px",
        textDecorationLine: "underline",
    },
};
const button = {
    fontFamily: typography.fontFamily,
    xs: {
        width: "116px",
        height: "32px",
        borderRadius: "2px",
        iconSize: "18px",
        iconMargin: "0 4px 0 0",
        labelTypography: typography["button-sm"],
    },
    sm: {
        width: "116px",
        height: "40px",
        borderRadius: "2px",
        iconSize: "18px",
        iconMargin: "0 12px 0 0",
        labelTypography: typography["button-sm"],
    },
    md: {
        width: "184px",
        height: "48px",
        borderRadius: "2px",
        iconSize: "30px",
        iconMargin: "0 12px 0 0",
        labelTypography: typography["button-md"],
    },
    lg: {
        width: "220px",
        height: "64px",
        borderRadius: "2px",
        iconSize: "30px",
        iconMargin: "0 12px 0 0",
        labelTypography: typography["button-lg"],
    },
    action: {
        active: {
            color: colors.white900,
            border: "unset",
            background: colors.primary900,
        },
        hover: {
            color: colors.white900,
            border: "unset",
            background: colors.primary950,
        },
        disabled: {
            color: colors.white900,
            border: "unset",
            background: colors.primary200,
        },
    },
    secondary: {
        active: {
            color: colors.primary900,
            border: `2px solid ${colors.primary900}`,
            background: "transparent",
        },
        hover: {
            color: colors.primary950,
            border: `2px solid ${colors.primary950}`,
            background: "transparent",
        },
        disabled: {
            color: colors.primary200,
            border: `2px solid ${colors.primary200}`,
            background: "transparent",
        },
    },
    text: {
        active: {
            color: colors.primary900,
            border: `unset`,
            background: "transparent",
        },
        hover: {
            color: colors.primary950,
            border: `unset`,
            background: "transparent",
        },
        disabled: {
            color: colors.primary200,
            border: `unset`,
            background: "transparent",
        },
    },
};
const tabs = {
    width: "100%",
    height: "64px",
    heightSmall: "44px",
    borderBottom: `1px solid ${colors.primary200}`,
    fontSize: "16px",
    color: colors.black900,
    colorActive: colors.primary910,
    background: "unset",
    backgroundActive: "unset",
    backgroundStroke: colors.white900,
    backgroundStrokeActive: colors.primary090,
    itemBorder: `none`,
    itemBorderActive: `none`,
    itemBorderBottomActive: `3px solid ${colors.primary910}`,
    itemBorderStroke: `1px solid ${colors.primary300}`,
    itemBorderStrokeActive: `1px solid ${colors.primary910}`,
    badgeColor: colors.white900,
    badgeBackground: colors.primary900,
};
const tabsSwitch = {
    width: "100%",
    height: "44px",
    color: colors.primary900,
    colorActive: colors.black900,
    backgroundActive: colors.white900,
    padding: "2px",
    itemBackground: "transparent",
    itemBorderRadius: "4px",
    boxShadow: "inset 1px 1px 2px rgba(203, 221, 240, 0.14)",
    boxShadowActive: "0px 2px 8px rgba(73, 63, 31, 0.11), 0px 2px 2px rgba(73, 63, 31, 0.11)",
    background: colors.primary150,
    borderRadius: "6px",
};
const card = {
    filled: {
        background: colors.white900,
        border: `1px solid ${colors.white900}`,
        boxShadow: "0px 1px 2px rgba(73, 63, 31, 0.11), 0px 2px 8px rgba(73, 63, 31, 0.11)",
        borderRadius: "4px",
        padding: "24px 32px 40px",
    },
    outlined: {
        background: colors.white900,
        border: `1px solid ${colors.white900}`,
        boxShadow: "0px 1px 2px rgba(73, 63, 31, 0.11), 0px 2px 8px rgba(73, 63, 31, 0.11)",
        borderRadius: "4px",
        padding: "24px 32px 40px",
    },
};
const subCard = {
    background: colors.primary080,
    border: "none",
    boxShadow: "0px 2px 16px rgba(73, 63, 31, 0.11), 0px 1px 2px rgba(73, 63, 31, 0.11)",
    borderRadius: "4px",
    padding: "24px 32px",
};
const tooltip = {
    tailSize: "17px",
    borderColor: colors?.primary900,
    borderWidth: "1px",
    borderRadius: "2px",
    background: "#fff",
    boxShadow: "unset",
};
const input = {
    height: "64px",
    padding: "12px 20px 12px 16px",
    fontFamily: "Medium",
    fontSize: "20px",
    lineHeight: "24px",
    background: colors.white900,
    border: `1px solid ${colors.primary300}`,
    borderError: `1px solid ${colors.red800}`,
    borderRadius: "3px",
    helperColor: colors.primary400,
    helperFontSize: "10px",
    helperLineHeight: "18px",
};
const inputNew = {
    width: "386px",
    height: "88px",
    padding: "40px 40px 12px 24px",
    fontFamily: typography.fontFamily,
    color: palette.text.primary,
    typography: { ...typography["p-xxl"], fontWeight: "700" },
    borderBottom: `1px solid ${palette.line.normal}`,
    borderRadius: "0px",
    background: "transparent",
    disabledColor: palette.text.disabled,
    readonlyBackground: palette.bg.normal,
    hoverBackground: palette.bg.light,
    placeholderColor: palette.text.quaternary,
    titleMargin: "16px 24px 0",
    labelColor: palette.text.secondary,
    labelTypography: typography["p-md"],
    labelErrorColor: palette.error.normal,
    linkColor: palette.accent.normal,
    linkTypography: { ...typography["p-sm"], fontWeight: "700" },
    leadingIconWidth: "36px",
    leadingIconHeight: "36px",
    leadingIconMargin: "40px 10px 10px 24px",
    trailingIconWidth: "36px",
    trailingIconHeight: "36px",
    trailingIconMargin: "40px 10px 10px 24px",
};
const dropdown = {
    color: colors.black900,
};
const dropdownIcon = {
    color: colors.primary900,
    colorOpened: colors.primary300,
};
const navigation = {
    containerBackground: colors.white900,
    containerBoxShadow: "unset",
    containerBorderRadius: "0px",
    containerBorder: `1px solid ${colors.primary300}`,
};
const burger = {
    contentBackground: colors.primary100,
    overlayBackground: `${colors.black900}66`,
};
const link = {
    fontFamily: "Geometria, Verdana, sans-serif",
    fontSize: "14px",
    lineHeight: "20px",
    fontWeight: "700",
    activeColor: colors.primary950,
    activeUnderlineColor: colors.primary950,
};
const langs = {
    itemBackground: colors.white900,
    activeItemBackground: colors.primary150,
    activeColor: colors.primary950,
    shadow: shadows.mdHover,
};
const radioButton = {
    border: `1px solid ${colors.primary210}`,
    colorChecked: colors.primary900,
};
const checkbox = {
    activeColor: colors.primary900,
    defaultColor: colors.primary210,
    borderRadius: "2px",
    borderWidth: "1px",
};
const textLoader = {
    width: "100%",
    widthMobile: "100%",
    height: "32px",
    heightMobile: "28px",
    background: colors.primary300,
    borderRadius: "2px",
    margin: "0px",
};
const genshiroTheme = {
    new: {
        shadows,
        colors,
        typography,
        button,
        tabs,
        tabsSwitch,
        card,
        subCard,
        input,
        inputNew,
        dropdown,
        navigation,
        burger,
        link,
        langs,
        dropdownIcon,
        radioButton,
        checkbox,
        textLoader,
        palette,
        tooltip,
    },
};
export default genshiroTheme;
//# sourceMappingURL=genshiro.theme.js.map