import genshiroTheme from "../components/new/theme/genshiro.theme";
export const MEDIA_MOBILE = "max-width: 767px";
export const MEDIA_TABLET = "max-width: 1023px";
export const MEDIA_LARGE_SCREEN = "min-width: 1280px";
export const MEDIA_LAPTOP = "max-width: 1279px";
const card = {
    background: "#FFFFFF",
    border: "1px solid #ECE3D0",
    boxShadow: "1px 1px 0px rgba(191, 182, 161, 0.7)",
    borderRadius: "unset",
};
const button = {
    width: "170px",
    height: "64px",
    mdHeight: "56px",
    smHeight: "48px",
    xsHeight: "40px",
    background: "#E8662D",
    borderRadius: "4px",
    border: "2px solid",
    thinOutlinedBorder: "1px solid",
    alterBorder: "1px solid",
    fontSize: "16px",
    xsFontSize: "14px",
    fontFamily: "Bold",
    xsFontFamily: "Medium",
    outlinedBackground: "#FFFFFF",
    alterBackground: "#F9F7F1",
    darkBackground: "#E8662D",
    disabledBackground: "#BDBDBD",
    disabledColor: "#F9F7F1",
    disabledOutlinedBackground: "#FFFFFF",
    disabledOutlinedColor: "#BDBDBD",
    activeBackground: "#FAF1DD",
    activeColor: "#E8662D",
    hoverBackground: "#BF4519",
    hoverColor: "#FFFFFF",
};
export const notification = {
    mediaMobile: MEDIA_MOBILE,
    color: "#F9FCFF",
    colorError: "#FFFFFF",
    colorLink: "#F9FCFF",
    textFontFamily: "Regular",
    textFontSize: "12px",
    textLineHeight: "18px",
    textMaxWidthMobile: "unset",
    titleFontFamily: "Regular",
    titleFontSize: "12px",
    titleLineHeight: "18px",
    titleMarginBottom: "4px",
    linkTextFontFamily: "Regular",
    linkTextFontSize: "8px",
    wrapperTop: "56px",
    wrapperBottom: "unset",
    wrapperLeft: "unset",
    wrapperRight: "calc((100vw - 276px)/2 - 382px)",
    wrapperTopMobile: "47px",
    wrapperBottomMobile: "unset",
    wrapperLeftMobile: "0px",
    wrapperRightMobile: "0px",
    itemPosition: "relative",
    itemBackground: "#E8662D",
    itemBackgroundError: "#A9A9A9",
    itemBackgroundSucces: "#E8662D",
    itemPadding: "8px 35px 8px 12px",
    itemMinHeight: "68px",
    itemMinHeightMobile: "34px",
    itemMaxWidth: "264px",
    itemWidth: "264px",
    itemTop: "unset",
    itemBottom: "unset",
    itemLeft: "unset",
    itemRight: "unset",
    itemMarginBottom: "6px",
    itemBorder: "unset",
};
const tabs = {
    controlTheme: {
        activeTabBackground: "#F9F7F1",
        activeTabBorder: "1px solid #E8662D",
        activeTabTextColor: "#E8662D",
        disabledTabTextColor: "#A79A88",
        defaultTabBackground: "#FFFFFF",
        defaultTabBorder: "1px solid #ECE3D0",
        defaultTabTextColor: "#A79A88",
        defaultTabBoxShadow: "1px 1px 0px rgba(191, 182, 161, 0.7)",
    },
    controlFlatTheme: {
        activeTabBorder: "2px solid #E8662D",
        activeTabTextColor: "#E8662D",
        defaultTabBorder: "2px solid #ECE3D0",
        defaultTabTextColor: "#A79A88",
    },
};
const gatewayPortfolio = {
    cardTitleFontSize: 24,
    cardTitleLineHeight: 28,
    cardTitleFontFamily: "Fortnite",
    cardTitleColor: "#1D2325",
    labelsTopSpace: 0,
    labelsBoxShadow: "1px 1px 0px rgba(191, 182, 161, 0.7)",
    labelsCardBoxShadow: "unset",
    labelsCardBackground: "#FFFBF1",
    labelsLtvMinHeight: "112px",
    labelsLtvTop: "0",
};
const assetTable = {
    headingColor: "#1D2325",
    rowSubColor: "#A79A88",
};
const navigation = {
    backgroundColor: "#FFFFFF",
    appBackgroundColor: "#FFFFFF",
    borderColor: "#ECE3D0",
    borderRadius: "unset",
    actionsMinWidth: "80px",
    boxShadow: "unset",
    maxWidth: "100%",
    dropDownBackgroundColor: "#FFFFFF",
    marginBottom: "24px",
};
const submenu = {
    borderColor: "#ECE3D0",
    borderRadius: "unset",
    boxShadow: "1px 1px 0px rgb(191 182 161 / 70%)",
    maxWidth: "1224px",
};
const sidebar = {
    maxHeight: "calc(100vh - 70px)",
    margin: "0",
    top: "60px",
    hoverBoxShadow: "inset 0px -4px 4px rgba(167, 154, 136, 0.25)",
};
export const input = {
    mediaTablet: MEDIA_TABLET,
    wrapperPadding: "0 0 14px 0",
    wrapperWidth: "210px",
    wrapperWidthMobile: "100%",
    titleFontFamily: "Medium",
    titleFontFamilyMobile: "Medium",
    titleFontSize: "12px",
    titleFontSizeMobile: "12px",
    titleLineHeight: "20px",
    titleColor: "#1D2325",
    titleColorMobile: "#1D2325",
    titleMarginMobile: "0 0 5px 0",
    innerTitleColor: "#A79A88",
    innerTitleLeft: "18px",
    innerTitleTop: "10px",
    inputBorder: "1px solid #ECE3D0",
    inputBorderError: "1px solid #FF7979",
    inputBorderRadius: "2px",
    inputHeight: "64px",
    inputWidth: "100%",
    inputHeightMobile: "48px",
    inputFontFamily: "Medium",
    inputFontSize: "16px",
    inputFontSizeMobile: "16px",
    inputLineHeight: "20px",
    inputPadding: "0 0 0 15px",
    inputPaddingMobile: "0 0 0 8px",
    inputMargin: "8px 0px 8px 0px",
    inputMarginMobile: "0",
    inputColor: "#1D2325",
    inputDisabledColor: "#A79A88",
    inputPlaceholderColor: "#A79A88",
    subscriptColor: "#1D2325",
    subscriptColorStrong: "#E8662D",
    subscriptFontSize: "12px",
    subscriptLineHeight: "18px",
    subscriptFontFamily: "Medium",
    warningColor: "#FF7979",
    warningFontSize: "12px",
    warningLineHeight: "18px",
    warningFontFamily: "Medium",
};
const select = {
    mediaTablet: MEDIA_TABLET,
    wrapperPadding: "0 0 16px 0",
    backgroundDisabled: "#FCF7F2",
    contentWidth: "210px",
    contentWidthMobile: "110px",
    contentHeight: "64px",
    contentHeightMobile: "40px",
    contentBorder: "1px solid #E3D9C5",
    contentBorderError: "1px solid #FF7979",
    contentBorderMobile: "unset",
    contentPadding: "0px 16px",
    contentPaddingMobile: "10px",
    contentBorderRadius: "2px",
    modalWidth: "100%",
    modalPadding: "20px 16px",
    modalBorder: "1px solid #E3D9C5",
    modalBorderRadius: "2px",
    modalTopMobile: "50px",
    titleFontFamily: "Bold",
    titleFontFamilyMobile: "Bold",
    titleFontWeight: "500",
    titleFontSize: "12px",
    titleFontSizeMobile: "12px",
    titleLineHeight: "18px",
    titleColor: "#1D2325",
    titleColorMobile: "#B3BDC7",
    titleMargin: "0 0 8px 0",
    titleMarginMobile: "0 0 5px 0",
    innerTitleColor: "#A79A88",
    innerTitleLeft: "20px",
    innerTitleTop: "10px",
    subscriptColor: "#B3BDC7",
    subscriptColorStrong: "#E8662D",
    subscriptFontSize: "12px",
    subscriptLineHeight: "18px",
    subscriptFontFamily: "Medium",
    warningColor: "#FF7979",
    warningFontSize: "12px",
    warningLineHeight: "18px",
    warningFontFamily: "Medium",
};
const table = {
    mediaMobile: MEDIA_TABLET,
    wrapperWidth: "100%",
    wrapperHeight: "100%",
    wrapperPaddingMobile: "0px 20px 0 20px",
    headerFontFamily: "Medium",
    headerFontFamilyHover: "Heavy",
    headerFontSize: "14px",
    headerFontSizeMobile: "12px",
    headerBackground: "transparent",
    headerColor: "#00000080",
    headerColorMobile: "#00000080",
    headerWidthMobile: "fit-content",
    headerJustifyContent: "flex-end",
    headerLineHeight: "20px",
    headersAlignItems: "center",
    headersJustifyContentMobile: "space-between",
    headersHeight: "unset",
    headersHeightMobile: "40px",
    headersTopMobile: "100px",
    headersBorderBot: "1px solid #ECE3D0",
    headersPadding: "0 0 4px 0",
    rowHeight: "48px",
    rowHeightMobile: "50px",
    rowFontFamily: "Bold",
    rowFontSize: "16px",
    rowFontSizeMobile: "14px",
    rowAlignItems: "center",
    rowBorderBot: "1px solid #ECE3D0",
    rowHoverBorderBot: "2px solid #E8662D",
    rowHoverTextColor: "#E8662D",
    rowPaddingMobile: "0",
    rowJustifyContentMobile: "space-between",
    rowFontFamilyBold: "Heavy",
    rowBackgroundMobileOpened: "#FFFBF1",
    rowCursor: "pointer",
    progressRowColor: "#FAF1DD",
    itemColor: "#333333",
    itemJustifyContent: "flex-end",
};
const grid = {
    mainMinHeight: "calc(100vh - 24px - 108px - 236px)",
};
const popup = {
    mediaTablet: MEDIA_TABLET,
    background: "#00244533",
    contentBackground: "#ffffff",
    contentBoxShadow: "4px 4px 14px rgba(179, 189, 199, 0.15)",
};
const theme = {
    colors: {
        primary: "#E8662D",
        secondary: "#A79A88",
        border: "#ECE3D0",
        background: "#ECE3D0",
        pageBackground: "#FCF7F2",
        tokenBackground: "#E4D5B2",
        pale: "#FAF1DD",
        disabled: "#B3BDC7",
        error: "#ff7979",
        success: "#23B14D",
        text: "#1D2325",
        dark: "#8B2D0D",
        lightDark: "#8B2D0D",
        light: "#D09F85",
        gray: "#A79A88",
        gray2: "#919CA7",
    },
    fonts: {
        title: "Fortnite",
        subtitle: "Bold",
        text: "Bold",
    },
    card,
    button,
    notification,
    tabs,
    gatewayPortfolio,
    assetTable,
    navigation,
    input,
    select,
    submenu,
    sidebar,
    table,
    grid,
    popup,
    flags: {
        isGenshiro: true,
    },
    new: genshiroTheme.new,
};
export default theme;
//# sourceMappingURL=genshiro.js.map