export declare enum Colors { brandColorOnyx = "#162324", brandColorPearl = "#FAFAFA", brandColorSapphire = "#366170", brandColorSapphireDark = "#26454F", brandColorSapphireLight = "#D2E3E9", brandColorJade = "#97C3B9", brandColorJadeDark = "#508B7E", brandColorJadeLight = "#D5E7E3", brandColorOpal = "#C9ABC7", brandColorOpalDark = "#855682", brandColorOpalLight = "#E5D7E4", brandColorGold = "#EEBA7D", brandColorGoldDark = "#C27419", brandColorGoldLight = "#F7E0C4", brandColorRuby = "#AD584A", brandColorRubyDark = "#9A4E42", brandColorRubyLight = "#EBD4D1", primaryDark = "#FAFAFA", primaryLight = "#162324", backgroundThemeLight = "#F3F7F7", backgroundThemeDark = "#1B1C1C", championLight = "#4B5253", championDark = "#D4DBDB", heroLight = "#757D7E", heroDark = "#AAB4B5", neutralGrey1Light = "#A6B0B1", neutralGrey1Dark = "#727979", neutralGrey2Light = "#D4DCDD", neutralGrey2Dark = "#545B5C", neutralGrey3Light = "#E9F0F0", neutralGrey3Dark = "#3E4343", neutralGrey4Light = "#FAFCFC", neutralGrey4Dark = "#202222", neutralGrey5Light = "#FFFFFF", neutralGrey5Dark = "#2C2F2F", topExCustomColor = "#90EE7D40", offerColor = "#EF7F56", comingSoon = "#5EBBF5", badgeBackground = "#E9F0F033", dropShadowNormalLight = "rgba(166, 177, 174, 0.24)",// rgb(166 177 174 / 24%) dropShadowNormalDark = "rgba(0, 0, 0, 0.24)",// rgb(0 0 0 / 24%) dropShadowHoverLight = "rgba(166, 177, 174, 0.8)", blackColor = "#000000", billPayPromoColor = "#8D6C9F", billPayPromoColorHover = "rgba(238, 186, 125, 0.4)", billPayPromoBorderColorLight = "#FBD1A0", billPayPromoBorderColorDark = "#714B1E", billPayPromoBackGroundColorLight = "#FFFBF5", reimbursementPromoColor = "#5DB59A", reimbursementPromoColorHover = "rgba(93, 181, 154, 0.4)", reimbursementPromoBorderColorLight = "#CCE8DF", reimbursementPromoBorderColorDark = "#545D5B", reimbursementPromoBackGroundColorLight = "#EDFFF8", primaryWhite = "#FEFEFE", rewardsPromoColor1 = "#397C93", rewardsPromoColor2 = "#065773", zeniAccountsPromoBackgroundColor = "#D0E7E2", zeniAccountsPromoBackgroundColorLight = "#D0E7E250", zeniAccountsPromoBackgroundColorDark = "#3E434350", zeniAccountsPromoNavigationDotHoverColorLight = "#36617032", zeniAccountsPromoNavigationDotHoverColorDark = "#97C3B932", zeniAccountsPromoCardTitleLight = "#4B4F53", chargeCardsGradientColor1 = "#ECECEC", chargeCardsGradientColor2 = "#626565", chargeCardsGradientColor3 = "#A8B1B1", chargeCardsGradientColor4 = "#444A4A", chargeCardBoxShadow1 = "rgba(132, 134, 137, 0.80)", chargeCardBoxShadow2 = "rgba(0, 0, 0, 0.35)", chargeCardBackgroundShadowLight = "rgba(166,172,177,0.7)", chargeCardBackgroundShadowDark = "rgba(0,0,0,0.8)", issueChargeCardBackgroundShadowLight = "rgba(166,172,177,0.25)", issueChargeCardBackgroundShadowDark = "rgba(0,0,0,0.25)", physicalCardBoxShadow = "#68AAA0", chargeCardFaded = "rgba(166, 176, 177, 0.65)", phoneSignalColor = "#3C3C432E", batteryBorderColor = "#3c3c4399", physicalCardBlueColor1 = "#eaeff8", physicalCardBlueColor2 = "#bdd4ee", physicalCardYellowColor1 = "#ffe9c6", physicalCardYellowColor2 = "#fff8ec", plaidVerificationBackground = "rgb(213, 231, 227, 0.5)", tagDefaultBgLight = "#ECEFF3", tagDefaultColorLight = "#667085", tagDefaultBgDark = "#1C2128", tagDefaultColorDark = "#8C97A4", tagWarningBgLight = "#FFF4E5", tagWarningColorLight = "#C08A2E", tagWarningBgDark = "#2A2416", tagWarningColorDark = "#E6C27A", tagInfoBgLight = "#E0EDFF", tagInfoColorLight = "#1D62C0", tagInfoBgDark = "#0E1E35", tagInfoColorDark = "#7EB3F5", tagSuccessBgLight = "#E8F5EE", tagSuccessColorLight = "#3A8F5B", tagSuccessBgDark = "#11241B", tagSuccessColorDark = "#7FD9A6", tagAttentionBgLight = "#FDEFF2", tagAttentionColorLight = "#C23A57", tagAttentionBgDark = "#2A1419", tagAttentionColorDark = "#F29BB0", success = "#36B37E", successDark = "#1B806A", successLight = "#D8FBDE", alert = "#F0BC02", alertDark = "#AC7F01", alertLight = "#FEF7CB", important = "#EB535D", importantDark = "#A92949", importantLight = "#FEE6DD", info = "#1192E8", infoDark = "#0855A7", infoLight = "#CEF6FD", link = "#4589FF", linkLight = "#D9ECFF", linkDark = "#224EB7", linkLighter = "#D9ECFFAF", graphColor01 = "#EE7D7D",// 01 Light Coral graphColor01Light = "#F8C9C9", graphColor01Dark = "#D81C1C", graphColor02 = "#EE7D90",//02 Mauvelous graphColor02Light = "#F8C9D1", graphColor02Dark = "#D81C3C", graphColor03 = "#EE7DA3",// 03 Cyclamen graphColor03Light = "#F8C9D9", graphColor03Dark = "#D81C5B", graphColor04 = "#EE7DB5",// 04 Persian Pink graphColor04Light = "#F8C9E0", graphColor04Dark = "#D81C7A", graphColor05 = "#EE7DC8",//05 Pink graphColor05Light = "#F8C9E8", graphColor05Dark = "#D81C9A", graphColor06 = "#EE7DDB",// 06 Pale Magenta graphColor06Light = "#F8C9F0", graphColor06Dark = "#D81CB9", graphColor07 = "#EE7DEE",// 07 Lavender Magenta graphColor07Light = "#F8C9F8", graphColor07Dark = "#D81CD8", graphColor08 = "#DB7DEE",//08 Heliotrope graphColor08Light = "#F0C9F8", graphColor08Dark = "#B91CD8", graphColor09 = "#C87DEE",//09 Bright Lilac graphColor09Light = "#E8C9F8", graphColor09Dark = "#9A1CD8", graphColor10 = "#B67DEE",// 10 Lavender graphColor10Light = "#E0C9F8", graphColor10Dark = "#7A1CD8", graphColor11 = "#A37DEE",//11 Portage graphColor11Light = "#D9C9F8", graphColor11Dark = "#5B1CD8", graphColor12 = "#907DEE",//12 Purple graphColor12Light = "#D1C9F8", graphColor12Dark = "#3C1CD8", graphColor13 = "#7D7DEE",//13 Slate Blue graphColor13Light = "#C9C9F8", graphColor13Dark = "#1C1CD8", graphColor14 = "#7D90EE",//14 Vista Blue graphColor14Light = "#C9D1F8", graphColor14Dark = "#1C3CD8", graphColor15 = "#7DA3EE",// 15 Cobalt Blue graphColor15Light = "#C9D9F8", graphColor15Dark = "#1C5BD8", graphColor16 = "#7DB6EE",//16 Aero graphColor16Light = "#C9E0F8", graphColor16Dark = "#1C7AD8", graphColor17 = "#7DC8EE",// 17 Sky Blue graphColor17Light = "#C9E8F8", graphColor17Dark = "#1C9AD8", graphColor18 = "#7DDBEE",// 18 Medium Sky Blue graphColor18Light = "#C9F0F8", graphColor18Dark = "#1CB9D8", graphColor19 = "#7DEEEE",// 19 Electric Blue graphColor19Light = "#C9F8F8", graphColor19Dark = "#1CD8D8", graphColor20 = "#7DEEDB",//20 Spray graphColor20Light = "#C9F8F0", graphColor20Dark = "#1CD8B9", graphColor21 = "#7DEEC8",//21 Aquamarine graphColor21Light = "#C9F8E8", graphColor21Dark = "#1CD89A", graphColor22 = "#7DEEB5",// 22 Pearl Aqua graphColor22Light = "#C9F8E0", graphColor22Dark = "#1CD87A", graphColor23 = "#7DEEA3",//23 Riptide graphColor23Light = "#C9F8D9", graphColor23Dark = "#1CD85B", graphColor24 = "#7DEE90",//24 Light Green graphColor24Light = "#C9F8D1", graphColor24Dark = "#1CD83C", graphColor25 = "#7DEE7D",//25 Pastel Green graphColor25Light = "#C9F8C9", graphColor25Dark = "#1CD81C", graphColor26 = "#90EE7D",//26 Pale Green graphColor26Light = "#D1F8C9", graphColor26Dark = "#3CD81C", graphColor27 = "#A3EE7D",//27 Sulu graphColor27Light = "#D9F8C9", graphColor27Dark = "#5BD81C", graphColor28 = "#B5EE7D",//28 Crayola graphColor28Light = "#E0F8C9", graphColor28Dark = "#7AD81C", graphColor29 = "#C8EE7D",//29 Light Lime graphColor29Light = "#E8F8C9", graphColor29Dark = "#9AD81C", graphColor30 = "#DBEE7D",//30 Mindaro graphColor30Light = "#F0F8C9", graphColor30Dark = "#B9D81C", graphColor31 = "#EEEE7D",//31 Sunny graphColor31Light = "#F8F8C9", graphColor31Dark = "#D8D81C", graphColor32 = "#EEDB7D",//32 Flax graphColor32Light = "#F8F0C9", graphColor32Dark = "#D8B91C", graphColor33 = "#EEC87D",//33 Topaz graphColor33Light = "#F8E8C9", graphColor33Dark = "#D89A1C", graphColor34 = "#EEB57D",//34 Middle Yellow graphColor34Light = "#F8E0C9", graphColor34Dark = "#D87A1C", graphColor35 = "#EEA37D",//35 Tacao graphColor35Light = "#F8D9C9", graphColor35Dark = "#D85B1C", graphColor36 = "#EE907D",//36 Dark Salmon graphColor36Light = "#F8D1C9", graphColor36Dark = "#D83C1C", overlayLight = "rgba(0, 0, 0, 0.40)", overlayDark = "rgba(0, 0, 0, 0.75)", overlayBackgroundBlack = "rgba(0, 0, 0, 0.50)", playButtonBackGroundColorLight = "#16232466", playButtonBackGroundColorDark = "#16232466", backgroundGradient1Light = "rgba(54, 97, 112, 0.20)", backgroundGradient1Dark = "rgba(151, 195, 185, 0.20)", backgroundGradient2Light = "rgba(255, 255, 255, 0.20)", backgroundGradient2Dark = "rgba(0, 0, 0, 0.20)", backgroundGradient3Light = "rgba(212, 220, 221, 1)", boxShadowElevation = "rgba(166, 172, 177, 0.24)",// #A6ACB13D - rgb(166 172 177 / 24%) Elevation1Light = "0px 1px 2px 0px rgba(166, 172, 177, 0.25)", Elevation2Light = "0px 2px 8px 0px rgba(166, 172, 177, 0.8)", Elevation3Light = "1px 3px 24px 0px rgba(166, 172, 177, 0.8)", Elevation1Dark = "0px 1px 2px 0px rgba(0, 0, 0, 0.25)", Elevation2Dark = "0px 2px 8px 0px rgba(0, 0, 0, 0.8)", Elevation3Dark = "1px 3px 24px 0px rgba(0, 0, 0, 0.8)", scrollbarBoxShadow = "rgba(0, 0, 0, 0.1)",// `${blackColor}1a` - ##0000001a drawerBackground = "rgba(0, 0, 0, 0.7)",// `${blackColor}b3` - ##000000b3 modalBackground = "rgba(0, 0, 0, 0.64)",// `${blackColor}a3` - ##000000a3 whiteGradient = "rgba(255, 255, 255, 0)",// `${neutralGrey5Light}00` - #FFFFFF00 whiteGradientDark = "rgba(255, 255, 255, 0.1)",// `${neutralGrey5Light}1a` - #FFFFFF1a whiteGradientLight = "rgba(255, 255, 255, 0.9)",// `${neutralGrey5Light}e6`- #FFFFFF1a runwayRed = "#eb535d",// rgb(235, 83, 93) runwayYellow = "#e8aa0b",// rgb(232, 170, 11) runwayGreen = "#51c571",// rgb(81, 197, 113) optionBorderLight = "#E9ECF0",// rgba(233, 236, 240, 1) selectMenuItem = "#1d1f20",// rgba(29, 31, 32, 1) aiCfoGradient1 = "#6D3FD8", aiCfoGradient2 = "#BD54CF", aiCfoGradient3 = "#CF6CC9", aiCfoGradient4 = "#EE609C", /** Vibrant purple used as the deep stop in AI parsing/document-extract gradients. */ aiVibrantPurple = "#7135FF", aiCfoLinearGradient = "linear-gradient(315deg, #6D3FD8 34.09%, #BD54CF 43.64%, #CF6CC9 50%, #EE609C 56.36%, #EE609C 65.91%)", aiCalloutBorderGradient = "linear-gradient(315deg, #6D3FD8 31.79%, #BD54CF 42.72%, #CF6CC9 50%, #EE609C 57.28%, #EE609C 68.21%)", aiShimmerTextGradient = "linear-gradient(90deg, #EE609C 25%, #6D3FD8 50%, #EE609C 75%)", aiChainOfThoughtLinearGradient = "linear-gradient(322.09deg, #6D3FD8 7.71%, #BD54CF 30.79%, #CF6CC9 54.3%, #EE609C 78.68%, #EE609C 98.27%);", aiChainOfThoughtBackgroundGradient = "linear-gradient(296.16deg, #6D3FD8b3 20.44%, #BD54CFb3 40.68%, #CF6CC9b3 54.18%, #EE609Cb3 67.68%, #EE609Cb3 87.92%)", /** Chat scroll area bottom fade; matches grey4 chrome (light / dark). */ aiCfoScrollAreaFadeGradientLight = "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)", aiCfoScrollAreaFadeGradientDark = "linear-gradient(180deg, rgba(0,0,0, 0) 0%, #2C2F2F 100%)", receiptAgentLinearGradient = "linear-gradient(315deg, #6D3FD8 31.79%, #BD54CF 42.72%, #CF6CC9 50%, #EE609C 57.28%,#EE609C 68.21%)", /** * Spinning conic gradient used as the AI parsing border on document-upload * fields (Labeled / Select). Pair with `--ai-conic-from` keyframes for the * rotation; see `LabeledDocumentField` / `SelectDocumentField`. */ aiParsingBorderConicGradient = "conic-gradient(\n from var(--ai-conic-from) at 50% 50%,\n #EE609C 0deg,\n #CF6CC9 45deg,\n #7135FF 90deg,\n #CF6CC9 135deg,\n #EE609C 180deg,\n #CF6CC9 225deg,\n #7135FF 270deg,\n #CF6CC9 315deg,\n #EE609C 360deg\n )", /** * AI capsule surface (light mode) — a soft white wash layered over the * receipt-agent gradient so the gradient hue tints through. */ aiCapsuleSurfaceLight = "linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.88) 100%), linear-gradient(315deg, #6D3FD8 31.79%, #BD54CF 42.72%, #CF6CC9 50%, #EE609C 57.28%,#EE609C 68.21%)", /** Capsule border companion to `aiCapsuleSurfaceLight` (light-purple tint). */ aiCapsuleBorderLight = "#D6C9F4", /** * Vertical AI tooltip border gradient — pinkish at top → lavender at bottom. * Pair with a solid `padding-box` background to produce a 1 px gradient border. */ aiTooltipBorderGradient = "linear-gradient(180deg, #EE609C 0%, #EB61A0 14%, #EE609C 27%, #CF6CC9 45%, #B85ED7 64%, #A050E4 73%, #7135FF 100%)", gradientMask = "linear-gradient(#FFFFFF 0 0) content-box, linear-gradient(#FFFFFF 0 0)", promoCardGradient1 = "linear-gradient(\n 261.58deg,\n rgba(255, 255, 255, 0) 2.24%,\n rgba(255, 255, 255, 0.2) 49.28%,\n rgba(255, 255, 255, 0) 94.54%\n )", promoCardGradient2 = "linear-gradient(\n 257.68deg,\n rgba(255, 255, 255, 0) 24.71%,\n rgba(255, 255, 255, 0.3) 44.88%,\n rgba(255, 255, 255, 0) 64.29%\n )", promoCardGradient1Strong = "linear-gradient(\n 261.58deg,\n rgba(255, 255, 255, 0) 2.24%,\n rgba(255, 255, 255, 0.4) 49.28%,\n rgba(255, 255, 255, 0) 94.54%\n )", promoCardGradient2Strong = "linear-gradient(\n 257.68deg,\n rgba(255, 255, 255, 0) 24.71%,\n rgba(255, 255, 255, 0.6) 44.88%,\n rgba(255, 255, 255, 0) 64.29%\n )", taskInProgressbackgroundLight = "rgba(233, 240, 240, 0.5)", taskInReviewLabelColor = "#0A6FDB", taskInReviewbackgroundColor = "#E6FAFE", taskInHoldLabelColor = "#CD3259" } /** * Reusable box-shadow values keyed by elevation tier, so dropdown/menu surfaces * share one shadow instead of each component hard-coding its own and drifting. */ export declare enum BoxShadow { /** Floating menus / dropdowns (e.g. the AI CFO `/` skill menu). */ dropdownMenu = "0 4px 16px rgba(0, 0, 0, 0.12)" }