import { MEDIA_MOBILE, MEDIA_TABLET, } from "./default";
const card = {
    background: "#FFFFFF",
    border: "none",
    boxShadow: "0px 4px 4px rgba(209, 189, 251, 0.8)",
    borderRadius: "12px",
};
const button = {
    width: "170px",
    height: "64px",
    mdHeight: "56px",
    smHeight: "48px",
    xsHeight: "44px",
    background: "#CC46E2",
    borderRadius: "12px",
    border: "2px solid",
    thinOutlinedBorder: "1px solid",
    alterBorder: "1px solid",
    fontSize: "20px",
    xsFontSize: "14px",
    fontFamily: "SpartanBold",
    xsFontFamily: "SpartanBold",
    outlinedBackground: "#FFFFFF",
    alterBackground: "#F9F7F1",
    darkBackground: "#CC46E2",
    disabledBackground: "#BDBDBD",
    disabledColor: "#F9F7F1",
    disabledOutlinedBackground: "#FFFFFF",
    disabledOutlinedColor: "#BDBDBD",
    activeBackground: "#FAF1DD",
    activeColor: "#CC46E2",
    hoverBackground: "#CC46E2",
    hoverColor: "#FFFFFF",
};
const notification = {
    mediaMobile: MEDIA_MOBILE,
    color: "#F9FCFF",
    colorError: "#FFFFFF",
    colorLink: "#F9FCFF",
    textFontFamily: "SpartanMedium",
    textFontSize: "12px",
    textLineHeight: "18px",
    textMaxWidthMobile: "unset",
    titleFontFamily: "SpartanMedium",
    titleFontSize: "12px",
    titleLineHeight: "18px",
    titleMarginBottom: "4px",
    linkTextFontFamily: "SpartanMedium",
    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: "#CC46E2",
    itemBackgroundError: "#A9A9A9",
    itemBackgroundSucces: "#CC46E2",
    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: "#CC46E2",
        activeTabBorder: "1px solid #CC46E2",
        activeTabTextColor: "#FFFFFF",
        disabledTabTextColor: "#EEDCF8",
        defaultTabBackground: "#FFFFFF",
        defaultTabBorder: "1px solid #CBBACF",
        defaultTabTextColor: "#612975",
        defaultTabBoxShadow: "unset",
    },
    controlFlatTheme: {
        activeTabBorder: "2px solid #CC46E2",
        activeTabTextColor: "#CC46E2",
        defaultTabBorder: "2px solid #DABAEC",
        defaultTabTextColor: "#EEDCF8",
    },
};
const gatewayPortfolio = {
    cardTitleFontSize: 24,
    cardTitleLineHeight: 28,
    cardTitleFontFamily: "Fortnite",
    cardTitleColor: "#612975",
    labelsTopSpace: 0,
    labelsBoxShadow: "0px 4px 4px rgba(209, 189, 251, 0.8)",
    labelsCardBoxShadow: "unset",
    labelsCardBackground: "unset",
    labelsLtvMinHeight: "112px",
    labelsLtvTop: "0",
};
const assetTable = {
    headingColor: "#612975",
    rowSubColor: "#CC46E2",
};
const navigation = {
    backgroundColor: "#FFFFFF",
    appBackgroundColor: "#FFFFFF",
    borderColor: "#DABAEC",
    borderRadius: "unset",
    actionsMinWidth: "80px",
    boxShadow: "0px 4px 10px rgba(209, 189, 251, 0.7)",
    maxWidth: "100%",
    dropDownBackgroundColor: "#FFFFFF",
    marginBottom: "24px",
};
const submenu = {
    borderColor: "#DABAEC",
    borderRadius: "unset",
    boxShadow: "1px 1px 0px rgba(209, 189, 251, 0.7)",
    maxWidth: "1224px",
};
const sidebar = {
    maxHeight: "calc(100vh - 70px)",
    margin: "0",
    top: "60px",
    hoverBoxShadow: "inset 0px -4px 4px rgba(209, 189, 251, 0.25)",
};
const input = {
    mediaTablet: MEDIA_TABLET,
    wrapperPadding: "0 0 14px 0",
    wrapperWidth: "210px",
    wrapperWidthMobile: "100%",
    titleFontFamily: "SpartanExtraBold",
    titleFontFamilyMobile: "SpartanExtraBold",
    titleFontSize: "12px",
    titleFontSizeMobile: "12px",
    titleLineHeight: "20px",
    titleColor: "#612975",
    titleColorMobile: "#612975",
    titleMarginMobile: "0 0 5px 0",
    innerTitleColor: "#CC46E2",
    innerTitleLeft: "18px",
    innerTitleTop: "10px",
    inputBorder: "1px solid #DABAEC",
    inputBorderError: "1px solid #FF7979",
    inputBorderRadius: "12px",
    inputHeight: "64px",
    inputWidth: "100%",
    inputHeightMobile: "48px",
    inputFontFamily: "SpartanMedium",
    inputFontSize: "16px",
    inputFontSizeMobile: "16px",
    inputLineHeight: "20px",
    inputPadding: "0 0 0 15px",
    inputPaddingMobile: "0 0 0 8px",
    inputMargin: "8px 0px 8px 0px",
    inputMarginMobile: "0",
    inputColor: "#612975",
    inputDisabledColor: "#EEDCF8",
    inputPlaceholderColor: "#EEDCF8",
    subscriptColor: "#612975",
    subscriptColorStrong: "#CC46E2",
    subscriptFontSize: "12px",
    subscriptLineHeight: "18px",
    subscriptFontFamily: "SpartanMedium",
    warningColor: "#FF7979",
    warningFontSize: "12px",
    warningLineHeight: "18px",
    warningFontFamily: "SpartanMedium",
};
const select = {
    mediaTablet: MEDIA_TABLET,
    wrapperPadding: "0 0 16px 0",
    contentWidth: "210px",
    contentWidthMobile: "110px",
    contentHeight: "64px",
    contentHeightMobile: "40px",
    contentBorder: "1px solid #DABAEC",
    contentBorderError: "1px solid #FF7979",
    contentBorderMobile: "unset",
    contentPadding: "0px 20px",
    contentPaddingMobile: "10px",
    contentBorderRadius: "12px",
    modalWidth: "100%",
    modalPadding: "20px 48px 20px 20px",
    modalBorder: "1.5px solid #DABAEC",
    modalBorderRadius: "12px",
    modalTopMobile: "50px",
    titleFontFamily: "SpartanBold",
    titleFontFamilyMobile: "SpartanBold",
    titleFontWeight: "500",
    titleFontSize: "12px",
    titleFontSizeMobile: "12px",
    titleLineHeight: "18px",
    titleColor: "#612975",
    titleColorMobile: "#61297599",
    titleMargin: "0 0 8px 0",
    titleMarginMobile: "0 0 5px 0",
    innerTitleColor: "#CC46E2",
    innerTitleLeft: "20px",
    innerTitleTop: "10px",
    subscriptColor: "#61297599",
    subscriptColorStrong: "#CC46E2",
    subscriptFontSize: "12px",
    subscriptLineHeight: "18px",
    subscriptFontFamily: "SpartanBold",
    warningColor: "#FF7979",
    warningFontSize: "12px",
    warningLineHeight: "18px",
    warningFontFamily: "SpartanBold",
};
const table = {
    mediaMobile: MEDIA_TABLET,
    wrapperWidth: "100%",
    wrapperHeight: "100%",
    wrapperPaddingMobile: "0px 20px 0 20px",
    headerFontFamily: "SpartanMedium",
    headerFontFamilyHover: "SpartanMedium",
    headerFontSize: "12px",
    headerFontSizeMobile: "12px",
    headerBackground: "transparent",
    headerColor: "#612975",
    headerColorMobile: "#612975",
    headerWidthMobile: "fit-content",
    headerJustifyContent: "flex-end",
    headerLineHeight: "20px",
    headersAlignItems: "center",
    headersJustifyContentMobile: "space-between",
    headersHeight: "unset",
    headersHeightMobile: "40px",
    headersTopMobile: "100px",
    headersBorderBot: "1px solid #DABAEC",
    headersPadding: "0 0 4px 0",
    rowHeight: "48px",
    rowHeightMobile: "50px",
    rowFontFamily: "Bold",
    rowFontSize: "16px",
    rowFontSizeMobile: "14px",
    rowAlignItems: "center",
    rowBorderBot: "1px solid #DABAEC",
    rowHoverBorderBot: "2px solid #DABAEC",
    rowHoverTextColor: "#612975",
    rowPaddingMobile: "0",
    rowJustifyContentMobile: "space-between",
    rowFontFamilyBold: "SpartanExtraBold",
    rowBackgroundMobileOpened: "unset",
    rowCursor: "pointer",
    progressRowColor: "#612975",
    itemColor: "#612975",
    itemJustifyContent: "flex-end",
};
const grid = {
    mainMinHeight: "calc(100vh - 47px - 100px)",
};
const popup = {
    mediaTablet: MEDIA_TABLET,
    background: "#4c005833",
    contentBackground: "#ffffff",
    contentBoxShadow: "0px 0px 19px rgba(192, 192, 192, 0.7)",
};
const theme = {
    button,
    card,
    notification,
    tabs,
    gatewayPortfolio,
    assetTable,
    navigation,
    submenu,
    input,
    sidebar,
    flags: {
        isCurve: true,
        hideDexBalances: true,
    },
    colors: {
        primary: "#CC46E2",
        secondary: "#F5ECFF",
        border: "#DABAEC",
        background: "#DABAEC",
        pageBackground: "unset",
        tokenBackground: "unset",
        pale: "#CBBACF",
        disabled: "#EEDCF8",
        error: "#ff7979",
        text: "#612975",
        dark: "#612975",
        lightDark: "#61297599",
        light: "#FAFAFA",
        gray: "#CBBACF",
        gray2: "#CBBACF",
    },
    fonts: {
        title: "SpartanExtraBold",
        subtitle: "SpartanBold",
        text: "SpartanMedium",
    },
    popup,
    grid,
    table,
    select,
};
export default theme;
//# sourceMappingURL=curve.js.map