diff --git a/packages/gestalt/src/contexts/__snapshots__/ColorSchemeProvider.jsdom.test.tsx.snap b/packages/gestalt/src/contexts/__snapshots__/ColorSchemeProvider.jsdom.test.tsx.snap index df35983f20..3f1ad62f3a 100644 --- a/packages/gestalt/src/contexts/__snapshots__/ColorSchemeProvider.jsdom.test.tsx.snap +++ b/packages/gestalt/src/contexts/__snapshots__/ColorSchemeProvider.jsdom.test.tsx.snap @@ -2566,16 +2566,16 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --gestalt-theme: visualRefresh-darkMode_lineHeight_default; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -2602,18 +2602,18 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -2639,18 +2639,18 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -2724,21 +2724,21 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #000000; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #757570; - --sema-color-background-tertiary: #c7c6c1; - --sema-color-background-selected: #e8e7e1; + --sema-color-background-secondary: #757569; + --sema-color-background-tertiary: #c2c2b6; + --sema-color-background-selected: #d1d1c7; --sema-color-background-education: #7cbede; - --sema-color-background-elevation: #2e2e2d; - --sema-color-background-scrim: #1c1b1b; + --sema-color-background-elevation: #363630; + --sema-color-background-scrim: #272721; --sema-color-background-inverse: #ffffff; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #2e2e2d; + --sema-color-background-disabled: #272721; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #7cbede; --sema-color-background-info-weak: #215d82; - --sema-color-background-neutral-default: #c7c6c1; - --sema-color-background-neutral-weak: #636361; + --sema-color-background-neutral-default: #c2c2b6; + --sema-color-background-neutral-weak: #57574c; --sema-color-background-recommendation-default: #efadef; --sema-color-background-recommendation-weak: #6d4270; --sema-color-background-success-default: #a8bb63; @@ -2757,10 +2757,10 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #757570; - --sema-color-border-interactive: #c7c6c1; + --sema-color-border-decorative: #757569; + --sema-color-border-interactive: #c2c2b6; --sema-color-border-selected: #ffffff; - --sema-color-border-disabled: #4c4c4a; + --sema-color-border-disabled: #47473f; --sema-color-border-success: #a8bb63; --sema-color-border-error: #ff9494; --sema-color-border-inverse: #000000; @@ -2773,8 +2773,8 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #ffffff; - --sema-color-text-neutral: #e8e7e1; - --sema-color-text-subtle: #969292; + --sema-color-text-neutral: #d1d1c7; + --sema-color-text-subtle: #949486; --sema-color-text-link: #c5eaf7; --sema-color-text-info: #c5eaf7; --sema-color-text-recommendation: #fcd8fc; @@ -2785,10 +2785,10 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-text-inverse: #000000; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #4c4c4a; + --sema-color-text-disabled: #57574c; --sema-color-icon-default: #ffffff; - --sema-color-icon-neutral: #e8e7e1; - --sema-color-icon-subtle: #969292; + --sema-color-icon-neutral: #d1d1c7; + --sema-color-icon-subtle: #949486; --sema-color-icon-link: #c5eaf7; --sema-color-icon-info: #c5eaf7; --sema-color-icon-recommendation: #fcd8fc; @@ -2799,7 +2799,7 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-icon-inverse: #000000; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #4c4c4a; + --sema-color-icon-disabled: #47473f; --sema-color-dataviz-10: #007a72; --sema-color-dataviz-11: #f76593; --sema-color-dataviz-12: #ffc58f; @@ -2812,21 +2812,21 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-dataviz-07: #a4f9ac; --sema-color-dataviz-08: #812ae7; --sema-color-dataviz-09: #ff5b45; - --sema-color-hover-background-default: #242423; + --sema-color-hover-background-default: #272721; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #626260; - --sema-color-hover-background-tertiary: #b2b0ae; - --sema-color-hover-background-selected: #d6d4cd; + --sema-color-hover-background-secondary: #616157; + --sema-color-hover-background-tertiary: #b0b0a1; + --sema-color-hover-background-selected: #bfbfb0; --sema-color-hover-background-education: #58a9d0; - --sema-color-hover-background-elevation: #434342; - --sema-color-hover-background-scrim: #343332; - --sema-color-hover-background-inverse: #f8f7f2; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #20201d; + --sema-color-hover-background-scrim: #3d3d34; + --sema-color-hover-background-inverse: #f0f0eb; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #58a9d0; --sema-color-hover-background-info-weak: #1e4b67; - --sema-color-hover-background-neutral-default: #b2b0ae; - --sema-color-hover-background-neutral-weak: #555553; + --sema-color-hover-background-neutral-default: #b0b0a1; + --sema-color-hover-background-neutral-weak: #414139; --sema-color-hover-background-recommendation-default: #e599e5; --sema-color-hover-background-recommendation-weak: #57355a; --sema-color-hover-background-success-default: #93a550; @@ -2841,15 +2841,15 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(62, 62, 60, 0.85); - --sema-color-hover-border-decorative: #626260; - --sema-color-hover-border-interactive: #b2b0ae; - --sema-color-hover-border-selected: #f8f7f2; + --sema-color-hover-border-decorative: #616157; + --sema-color-hover-border-interactive: #b0b0a1; + --sema-color-hover-border-selected: #f0f0eb; --sema-color-hover-border-success: #93a550; --sema-color-hover-border-error: #f87777; - --sema-color-hover-border-inverse: #242423; - --sema-color-hover-text-default: #f8f7f2; - --sema-color-hover-text-neutral: #d6d4cd; - --sema-color-hover-text-subtle: #838181; + --sema-color-hover-border-inverse: #272721; + --sema-color-hover-text-default: #f0f0eb; + --sema-color-hover-text-neutral: #bfbfb0; + --sema-color-hover-text-subtle: #878778; --sema-color-hover-text-link: #a8ddf0; --sema-color-hover-text-info: #a8ddf0; --sema-color-hover-text-recommendation: #fac7fa; @@ -2857,12 +2857,12 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-hover-text-warning: #f9d9ae; --sema-color-hover-text-error: #fbbebb; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #242423; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #f8f7f2; - --sema-color-hover-icon-neutral: #d6d4cd; - --sema-color-hover-icon-subtle: #838181; + --sema-color-hover-text-inverse: #272721; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #f0f0eb; + --sema-color-hover-icon-neutral: #bfbfb0; + --sema-color-hover-icon-subtle: #878778; --sema-color-hover-icon-link: #a8ddf0; --sema-color-hover-icon-info: #a8ddf0; --sema-color-hover-icon-recommendation: #fac7fa; @@ -2870,24 +2870,24 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-hover-icon-warning: #f9d9ae; --sema-color-hover-icon-error: #fbbebb; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #242423; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #393937; + --sema-color-hover-icon-inverse: #272721; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #3d3d34; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #585856; - --sema-color-pressed-background-tertiary: #969292; - --sema-color-pressed-background-selected: #c2c1bc; + --sema-color-pressed-background-secondary: #4b4b44; + --sema-color-pressed-background-tertiary: #9d9d8a; + --sema-color-pressed-background-selected: #adad9a; --sema-color-pressed-background-education: #4096bf; - --sema-color-pressed-background-elevation: #585856; - --sema-color-pressed-background-scrim: #494946; - --sema-color-pressed-background-inverse: #ebebe5; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #0b0b0a; + --sema-color-pressed-background-scrim: #535346; + --sema-color-pressed-background-inverse: #deded3; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #4096bf; --sema-color-pressed-background-info-weak: #1a394d; - --sema-color-pressed-background-neutral-default: #969292; - --sema-color-pressed-background-neutral-weak: #464644; + --sema-color-pressed-background-neutral-default: #9d9d8a; + --sema-color-pressed-background-neutral-weak: #2c2c26; --sema-color-pressed-background-recommendation-default: #da86da; --sema-color-pressed-background-recommendation-weak: #422843; --sema-color-pressed-background-success-default: #81904c; @@ -2898,19 +2898,19 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-pressed-background-error-weak: #530909; --sema-color-pressed-background-wash-default: rgba(57, 57, 55, 0.9); --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(49, 49, 48, 0.9); - --sema-color-pressed-border-decorative: #585856; - --sema-color-pressed-border-interactive: #969292; - --sema-color-pressed-border-selected: #ebebe5; + --sema-color-pressed-border-decorative: #4b4b44; + --sema-color-pressed-border-interactive: #9d9d8a; + --sema-color-pressed-border-selected: #deded3; --sema-color-pressed-border-success: #81904c; --sema-color-pressed-border-error: #ed5a5a; - --sema-color-pressed-border-inverse: #393937; - --sema-color-pressed-text-default: #ebebe5; - --sema-color-pressed-text-neutral: #c2c1bc; - --sema-color-pressed-text-subtle: #747472; + --sema-color-pressed-border-inverse: #3d3d34; + --sema-color-pressed-text-default: #deded3; + --sema-color-pressed-text-neutral: #adad9a; + --sema-color-pressed-text-subtle: #7a7a6c; --sema-color-pressed-text-link: #8ecfe6; --sema-color-pressed-text-info: #8ecfe6; --sema-color-pressed-text-recommendation: #f8b5f8; @@ -2918,12 +2918,12 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-pressed-text-warning: #f4cc95; --sema-color-pressed-text-error: #f4a8a4; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #393937; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #ebebe5; - --sema-color-pressed-icon-neutral: #c2c1bc; - --sema-color-pressed-icon-subtle: #747472; + --sema-color-pressed-text-inverse: #3d3d34; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #deded3; + --sema-color-pressed-icon-neutral: #adad9a; + --sema-color-pressed-icon-subtle: #7a7a6c; --sema-color-pressed-icon-link: #8ecfe6; --sema-color-pressed-icon-info: #8ecfe6; --sema-color-pressed-icon-recommendation: #f8b5f8; @@ -2931,14 +2931,15 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --sema-color-pressed-icon-warning: #f4cc95; --sema-color-pressed-icon-error: #f4a8a4; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #393937; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.3), 0px 0px 1px 0px rgba(0,0,0,0.28); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.2), 0px 1px 4px 0px rgba(0,0,0,0.2); - --sema-elevation-raised-default: 0px 1px 6px 0.5px rgba(0,0,0,0.3), 0px 1px 2px 0px rgba(0,0,0,0.3); - --sema-elevation-raised-top: 0px 2px 8px 0px rgba(0,0,0,0.3), 0px 1px 2px 0px rgba(0,0,0,0.3); - --sema-elevation-raised-bottom: 0px -2px 8px 0px rgba(0,0,0,0.3), 0px -1px 2px 0px rgba(0,0,0,0.3); + --sema-color-pressed-icon-inverse: #3d3d34; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -3257,22 +3258,22 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #ffffff; - --color-text-subtle: #969292; + --color-text-subtle: #949486; --color-text-success: #d0e2a8; - --color-text-disabled: #4c4c4a; + --color-text-disabled: #57574c; --color-text-error: #ffd3d1; --color-text-warning: #fde7c9; --color-text-inverse: #000000; @@ -3281,10 +3282,10 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-text-shopping: #c5eaf7; --color-text-link: #c5eaf7; --color-icon-default: #ffffff; - --color-icon-subtle: #969292; - --color-icon-subtle-accent: #969292; + --color-icon-subtle: #949486; + --color-icon-subtle-accent: #949486; --color-icon-success: #d0e2a8; - --color-icon-disabled: #4c4c4a; + --color-icon-disabled: #47473f; --color-icon-error: #ffd3d1; --color-icon-warning: #fde7c9; --color-icon-info: #c5eaf7; @@ -3311,15 +3312,15 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #757570; - --color-background-secondary-weak: #757570; - --color-background-secondary-strong: #757570; - --color-background-tertiary-base: #c7c6c1; - --color-background-tertiary-weak: #c7c6c1; - --color-background-tertiary-strong: #c7c6c1; - --color-background-selected-base: #e8e7e1; - --color-background-selected-weak: #e8e7e1; - --color-background-selected-strong: #e8e7e1; + --color-background-secondary-base: #757569; + --color-background-secondary-weak: #757569; + --color-background-secondary-strong: #757569; + --color-background-tertiary-base: #c2c2b6; + --color-background-tertiary-weak: #c2c2b6; + --color-background-tertiary-strong: #c2c2b6; + --color-background-selected-base: #d1d1c7; + --color-background-selected-weak: #d1d1c7; + --color-background-selected-strong: #d1d1c7; --color-background-inverse-base: #ffffff; --color-background-inverse-strong: #ffffff; --color-background-brand: #e60023; @@ -3328,11 +3329,11 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-wash-light: #000000; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #1c1b1b; - --color-background-elevation-floating: #2e2e2d; - --color-background-elevation-raised: #2e2e2d; - --color-background-badge-neutral-default: #636361; - --color-background-badge-neutral-hover: #555553; + --color-background-elevation-accent: #272721; + --color-background-elevation-floating: #363630; + --color-background-elevation-raised: #363630; + --color-background-badge-neutral-default: #57574c; + --color-background-badge-neutral-hover: #414139; --color-background-badge-info-default: #215d82; --color-background-badge-info-hover: #1e4b67; --color-background-badge-error-default: #8a0f0f; @@ -3350,74 +3351,74 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #2e2e2d; - --color-background-button-secondary-default: #757570; - --color-background-button-secondary-hover: #626260; - --color-background-button-secondary-active: #585856; - --color-background-button-secondary-disabled: #2e2e2d; + --color-background-button-primary-disabled: #272721; + --color-background-button-secondary-default: #757569; + --color-background-button-secondary-hover: #616157; + --color-background-button-secondary-active: #4b4b44; + --color-background-button-secondary-disabled: #272721; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(36, 36, 35, 0.85); --color-background-button-tertiary-active: rgba(57, 57, 55, 0.9); --color-background-button-tertiary-disabled-default: rgba(255, 255, 255, 0); - --color-background-button-tertiary-disabled-selected: #2e2e2d; - --color-background-button-elevation-default: #2e2e2d; - --color-background-button-elevation-hover: #242423; - --color-background-button-elevation-active: #393937; - --color-background-button-elevation-disabled: #2e2e2d; - --color-background-button-gray-default: #c7c6c1; - --color-background-button-gray-hover: #b2b0ae; - --color-background-button-gray-active: #969292; - --color-background-button-gray-disabled: #2e2e2d; + --color-background-button-tertiary-disabled-selected: #272721; + --color-background-button-elevation-default: #363630; + --color-background-button-elevation-hover: #272721; + --color-background-button-elevation-active: #3d3d34; + --color-background-button-elevation-disabled: #272721; + --color-background-button-gray-default: #c2c2b6; + --color-background-button-gray-hover: #b0b0a1; + --color-background-button-gray-active: #9d9d8a; + --color-background-button-gray-disabled: #272721; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #2e2e2d; + --color-background-button-shopping-disabled: #272721; --color-background-button-semitransparentdefault-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdefault-hover: rgba(36, 36, 35, 0.85); --color-background-button-semitransparentdefault-active: rgba(57, 57, 55, 0.9); - --color-background-button-semitransparentdefault-disabled: #2e2e2d; + --color-background-button-semitransparentdefault-disabled: #272721; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentwhite-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled-default: rgba(0, 0, 0, 0.8); - --color-background-button-semitransparentwhite-disabled-selected: #2e2e2d; + --color-background-button-semitransparentwhite-disabled-selected: #272721; --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); - --color-background-button-semitransparentdark-hover: #f8f7f2; - --color-background-button-semitransparentdark-active: #ebebe5; + --color-background-button-semitransparentdark-hover: #f0f0eb; + --color-background-button-semitransparentdark-active: #deded3; --color-background-button-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-button-semitransparentdark-disabled-selected: #2e2e2d; + --color-background-button-semitransparentdark-disabled-selected: #272721; --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(248, 247, 242, 0.95); - --color-background-button-transparentdarkbackground-active: #ebebe5; - --color-background-button-transparentdarkbackground-disabled: #2e2e2d; + --color-background-button-transparentdarkbackground-active: #deded3; + --color-background-button-transparentdarkbackground-disabled: #272721; --color-background-button-white-default: #000000; - --color-background-button-white-hover: #242423; - --color-background-button-white-active: #393937; - --color-background-button-white-disabled: #2e2e2d; - --color-background-button-selected-default: #e8e7e1; - --color-background-button-selected-disabled: #2e2e2d; - --color-background-button-disabled-default: #2e2e2d; - --color-background-checkbox-checked-default: #e8e7e1; + --color-background-button-white-hover: #272721; + --color-background-button-white-active: #3d3d34; + --color-background-button-white-disabled: #272721; + --color-background-button-selected-default: #d1d1c7; + --color-background-button-selected-disabled: #272721; + --color-background-button-disabled-default: #272721; + --color-background-checkbox-checked-default: #d1d1c7; --color-background-checkbox-checked-error-error: #ff9494; - --color-background-checkbox-disabled: #2e2e2d; + --color-background-checkbox-disabled: #272721; --color-background-checkbox-unchecked-default: #000000; --color-background-checkbox-unchecked-error: #000000; --color-background-datepicker-container: #212121; - --color-background-datepicker-range-default: #757570; - --color-background-datepicker-range-hover: #626260; - --color-background-datepicker-range-active: #585856; - --color-background-datepicker-button-unselected-default: #2e2e2d; - --color-background-datepicker-button-unselected-hover: #242423; - --color-background-datepicker-button-unselected-active: #393937; - --color-background-datepicker-button-selected-default: #e8e7e1; - --color-background-datepicker-button-selected-hover: #d6d4cd; - --color-background-datepicker-button-selected-active: #c2c1bc; + --color-background-datepicker-range-default: #757569; + --color-background-datepicker-range-hover: #616157; + --color-background-datepicker-range-active: #4b4b44; + --color-background-datepicker-button-unselected-default: #363630; + --color-background-datepicker-button-unselected-hover: #272721; + --color-background-datepicker-button-unselected-active: #3d3d34; + --color-background-datepicker-button-selected-default: #d1d1c7; + --color-background-datepicker-button-selected-hover: #bfbfb0; + --color-background-datepicker-button-selected-active: #adad9a; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #2e2e2d; - --color-background-popover-primary: #2e2e2d; + --color-background-iconbutton-semitransparentdark-disabled-selected: #272721; + --color-background-popover-primary: #363630; --color-background-popover-education: #7cbede; --color-background-searchguide-default-10: #6d4270; --color-background-searchguide-default-11: #000000; @@ -3431,7 +3432,7 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-searchguide-default-08: #9b4b1c; --color-background-searchguide-default-09: #8a0f0f; --color-background-searchguide-hover-10: #57355a; - --color-background-searchguide-hover-11: #242423; + --color-background-searchguide-hover-11: #272721; --color-background-searchguide-hover-01: #086c9b; --color-background-searchguide-hover-02: #476836; --color-background-searchguide-hover-03: #e05f15; @@ -3442,7 +3443,7 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-searchguide-hover-08: #7e401b; --color-background-searchguide-hover-09: #6e0c0c; --color-background-searchguide-active-10: #422843; - --color-background-searchguide-active-11: #393937; + --color-background-searchguide-active-11: #3d3d34; --color-background-searchguide-active-01: #0e5c81; --color-background-searchguide-active-02: #3c5530; --color-background-searchguide-active-03: #ca5816; @@ -3453,39 +3454,39 @@ exports[`visual refresh tokens uses visual refresh dark mode theme when specifie --color-background-searchguide-active-08: #6b381a; --color-background-searchguide-active-09: #530909; --color-background-switch-default-unselected: #000000; - --color-background-switch-default-selected: #e8e7e1; + --color-background-switch-default-selected: #d1d1c7; --color-background-switch-disabled-unselected: #000000; - --color-background-switch-disabled-selected: #2e2e2d; - --color-background-switch-hover-selected: #d6d4cd; - --color-background-switch-hover-unselected: #242423; - --color-background-switch-pressed-selected: #c2c1bc; - --color-background-switch-pressed-unselected: #393937; + --color-background-switch-disabled-selected: #272721; + --color-background-switch-hover-selected: #bfbfb0; + --color-background-switch-hover-unselected: #272721; + --color-background-switch-pressed-selected: #adad9a; + --color-background-switch-pressed-unselected: #3d3d34; --color-background-tabs-default-base: #000000; - --color-background-tabs-default-hover: #242423; - --color-background-tabs-default-active: #393937; + --color-background-tabs-default-hover: #272721; + --color-background-tabs-default-active: #3d3d34; --color-background-tabs-transparent-base: #000000; - --color-background-tabs-transparent-hover: #242423; - --color-background-tabs-transparent-active: #393937; - --color-border-container: #757570; - --color-border-default: #c7c6c1; + --color-background-tabs-transparent-hover: #272721; + --color-background-tabs-transparent-active: #3d3d34; + --color-border-container: #757569; + --color-border-default: #c2c2b6; --color-border-error: #ff9494; --color-border-focus: #c5eaf7; - --color-border-button-hover: #b2b0ae; - --color-border-button-pressed: #969292; - --color-border-checkbox-checked-default: #e8e7e1; + --color-border-button-hover: #b0b0a1; + --color-border-button-pressed: #9d9d8a; + --color-border-checkbox-checked-default: #d1d1c7; --color-border-checkbox-checked-error: #ff9494; - --color-border-checkbox-disabled: #2e2e2d; - --color-border-checkbox-unchecked-default: #c7c6c1; + --color-border-checkbox-disabled: #272721; + --color-border-checkbox-unchecked-default: #c2c2b6; --color-border-checkbox-unchecked-error: #ff9494; - --color-border-checkbox-unchecked-hover: #b2b0ae; + --color-border-checkbox-unchecked-hover: #b0b0a1; --color-border-indicator: #000000; - --color-border-popover-primary: #2e2e2d; + --color-border-popover-primary: #363630; --color-border-popover-education: #7cbede; --color-border-switch-focus-inner: #000000; --color-border-switch-focus-outer: #c5eaf7; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.2), 0px 1px 4px 0px rgba(0,0,0,0.2); - --elevation-raised-top: 0px 2px 8px 0px rgba(0,0,0,0.3), 0px 1px 2px 0px rgba(0,0,0,0.3); - --elevation-raised-bottom: 0px -2px 8px 0px rgba(0,0,0,0.3), 0px -1px 2px 0px rgba(0,0,0,0.3); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -3576,16 +3577,16 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --gestalt-theme: visualRefresh-lightMode_lineHeight_default; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -3612,18 +3613,18 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -3649,18 +3650,18 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -3734,21 +3735,21 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -3767,10 +3768,10 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -3783,8 +3784,8 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -3795,10 +3796,10 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -3809,7 +3810,7 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -3822,21 +3823,21 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -3851,15 +3852,15 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -3867,12 +3868,12 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -3880,24 +3881,24 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -3906,21 +3907,21 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -3928,12 +3929,12 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -3941,14 +3942,15 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -4267,22 +4269,22 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -4291,10 +4293,10 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -4321,12 +4323,12 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -4338,11 +4340,11 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -4360,34 +4362,34 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -4396,53 +4398,53 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -4453,7 +4455,7 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -4464,7 +4466,7 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -4474,28 +4476,28 @@ exports[`visual refresh tokens uses visual refresh light mode theme when specifi --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -4586,16 +4588,16 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --gestalt-theme: visualRefresh-lightMode_lineHeight_ck; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -4622,18 +4624,18 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -4659,18 +4661,18 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -4744,21 +4746,21 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -4777,10 +4779,10 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -4793,8 +4795,8 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -4805,10 +4807,10 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -4819,7 +4821,7 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -4832,21 +4834,21 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -4861,15 +4863,15 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -4877,12 +4879,12 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -4890,24 +4892,24 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -4916,21 +4918,21 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -4938,12 +4940,12 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -4951,14 +4953,15 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -5277,22 +5280,22 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -5301,10 +5304,10 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -5331,12 +5334,12 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -5348,11 +5351,11 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -5370,34 +5373,34 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -5406,53 +5409,53 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -5463,7 +5466,7 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -5474,7 +5477,7 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -5484,28 +5487,28 @@ exports[`visual refresh tokens uses visual refresh with ck line height 1`] = ` --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -5596,16 +5599,16 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --gestalt-theme: visualRefresh-lightMode_lineHeight_ja; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -5632,18 +5635,18 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -5669,18 +5672,18 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -5754,21 +5757,21 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -5787,10 +5790,10 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -5803,8 +5806,8 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -5815,10 +5818,10 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -5829,7 +5832,7 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -5842,21 +5845,21 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -5871,15 +5874,15 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -5887,12 +5890,12 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -5900,24 +5903,24 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -5926,21 +5929,21 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -5948,12 +5951,12 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -5961,14 +5964,15 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -6287,22 +6291,22 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -6311,10 +6315,10 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -6341,12 +6345,12 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -6358,11 +6362,11 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -6380,34 +6384,34 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -6416,53 +6420,53 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -6473,7 +6477,7 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -6484,7 +6488,7 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -6494,28 +6498,28 @@ exports[`visual refresh tokens uses visual refresh with ja line height 1`] = ` --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -6606,16 +6610,16 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --gestalt-theme: visualRefresh-lightMode_lineHeight_tall; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -6642,18 +6646,18 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -6679,18 +6683,18 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -6764,21 +6768,21 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -6797,10 +6801,10 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -6813,8 +6817,8 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -6825,10 +6829,10 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -6839,7 +6843,7 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -6852,21 +6856,21 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -6881,15 +6885,15 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -6897,12 +6901,12 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -6910,24 +6914,24 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -6936,21 +6940,21 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -6958,12 +6962,12 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -6971,14 +6975,15 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -7297,22 +7302,22 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -7321,10 +7326,10 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -7351,12 +7356,12 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -7368,11 +7373,11 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -7390,34 +7395,34 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -7426,53 +7431,53 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -7483,7 +7488,7 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -7494,7 +7499,7 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -7504,28 +7509,28 @@ exports[`visual refresh tokens uses visual refresh with tall line height 1`] = ` --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -7616,16 +7621,16 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --gestalt-theme: visualRefresh-lightMode_lineHeight_th; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -7652,18 +7657,18 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -7689,18 +7694,18 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -7774,21 +7779,21 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -7807,10 +7812,10 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -7823,8 +7828,8 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -7835,10 +7840,10 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -7849,7 +7854,7 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -7862,21 +7867,21 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -7891,15 +7896,15 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -7907,12 +7912,12 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -7920,24 +7925,24 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -7946,21 +7951,21 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -7968,12 +7973,12 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -7981,14 +7986,15 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -8307,22 +8313,22 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -8331,10 +8337,10 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -8361,12 +8367,12 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -8378,11 +8384,11 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -8400,34 +8406,34 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -8436,53 +8442,53 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -8493,7 +8499,7 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -8504,7 +8510,7 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -8514,28 +8520,28 @@ exports[`visual refresh tokens uses visual refresh with th line height 1`] = ` --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; @@ -8626,16 +8632,16 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --gestalt-theme: visualRefresh-lightMode_lineHeight_vi; --base-color-transparent: rgba(255, 255, 255, 0); --base-color-grayscale-0: #ffffff; - --base-color-grayscale-25: #fffef7; - --base-color-grayscale-50: #f5f4ed; - --base-color-grayscale-100: #e8e7e1; - --base-color-grayscale-150: #c7c6c1; - --base-color-grayscale-200: #969292; - --base-color-grayscale-250: #757570; - --base-color-grayscale-300: #636361; - --base-color-grayscale-350: #4c4c4a; - --base-color-grayscale-400: #2e2e2d; - --base-color-grayscale-450: #1c1b1b; + --base-color-grayscale-25: #f0f0eb; + --base-color-grayscale-50: #e0e0d9; + --base-color-grayscale-100: #d1d1c7; + --base-color-grayscale-150: #c2c2b6; + --base-color-grayscale-200: #949486; + --base-color-grayscale-250: #757569; + --base-color-grayscale-300: #57574c; + --base-color-grayscale-350: #47473f; + --base-color-grayscale-400: #363630; + --base-color-grayscale-450: #272721; --base-color-grayscale-500: #000000; --base-color-red-100: #ffd3d1; --base-color-red-200: #ff9494; @@ -8662,18 +8668,18 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --base-color-orange-300: #fea239; --base-color-orange-400: #f06d22; --base-color-orange-500: #9b4b1c; - --base-color-pressed-grayscale-0: #ebebe5; - --base-color-pressed-grayscale-25: #e7e6df; - --base-color-pressed-grayscale-50: #d8d7cf; - --base-color-pressed-grayscale-100: #c2c1bc; - --base-color-pressed-grayscale-150: #969292; - --base-color-pressed-grayscale-200: #747472; - --base-color-pressed-grayscale-250: #585856; - --base-color-pressed-grayscale-300: #464644; - --base-color-pressed-grayscale-350: #313130; - --base-color-pressed-grayscale-400: #585856; - --base-color-pressed-grayscale-450: #494946; - --base-color-pressed-grayscale-500: #393937; + --base-color-pressed-grayscale-0: #deded3; + --base-color-pressed-grayscale-25: #cdcdbc; + --base-color-pressed-grayscale-50: #babaab; + --base-color-pressed-grayscale-100: #adad9a; + --base-color-pressed-grayscale-150: #9d9d8a; + --base-color-pressed-grayscale-200: #7a7a6c; + --base-color-pressed-grayscale-250: #4b4b44; + --base-color-pressed-grayscale-300: #2c2c26; + --base-color-pressed-grayscale-350: #1b1b18; + --base-color-pressed-grayscale-400: #0b0b0a; + --base-color-pressed-grayscale-450: #535346; + --base-color-pressed-grayscale-500: #3d3d34; --base-color-pressed-red-100: #f4a8a4; --base-color-pressed-red-200: #ed5a5a; --base-color-pressed-red-300: #9e0017; @@ -8699,18 +8705,18 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --base-color-pressed-orange-300: #e07f10; --base-color-pressed-orange-400: #ca5816; --base-color-pressed-orange-500: #6b381a; - --base-color-hover-grayscale-0: #f8f7f2; - --base-color-hover-grayscale-25: #f5f4ed; - --base-color-hover-grayscale-50: #e7e6df; - --base-color-hover-grayscale-100: #d6d4cd; - --base-color-hover-grayscale-150: #b2b0ae; - --base-color-hover-grayscale-200: #838181; - --base-color-hover-grayscale-250: #626260; - --base-color-hover-grayscale-300: #555553; - --base-color-hover-grayscale-350: #3e3e3c; - --base-color-hover-grayscale-400: #434342; - --base-color-hover-grayscale-450: #343332; - --base-color-hover-grayscale-500: #242423; + --base-color-hover-grayscale-0: #f0f0eb; + --base-color-hover-grayscale-25: #deded3; + --base-color-hover-grayscale-50: #cdcdc1; + --base-color-hover-grayscale-100: #bfbfb0; + --base-color-hover-grayscale-150: #b0b0a1; + --base-color-hover-grayscale-200: #878778; + --base-color-hover-grayscale-250: #616157; + --base-color-hover-grayscale-300: #414139; + --base-color-hover-grayscale-350: #31312b; + --base-color-hover-grayscale-400: #20201d; + --base-color-hover-grayscale-450: #3d3d34; + --base-color-hover-grayscale-500: #272721; --base-color-hover-red-100: #fbbebb; --base-color-hover-red-200: #f87777; --base-color-hover-red-300: #bd001c; @@ -8784,21 +8790,21 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --base-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15); --sema-color-background-default: #ffffff; --sema-color-background-primary: #e60023; - --sema-color-background-secondary: #e8e7e1; - --sema-color-background-tertiary: #757570; + --sema-color-background-secondary: #e0e0d9; + --sema-color-background-tertiary: #757569; --sema-color-background-selected: #000000; --sema-color-background-education: #007db8; --sema-color-background-elevation: #ffffff; - --sema-color-background-scrim: #f5f4ed; + --sema-color-background-scrim: #e0e0d9; --sema-color-background-inverse: #000000; --sema-color-background-light: #ffffff; --sema-color-background-dark: #000000; - --sema-color-background-disabled: #e8e7e1; + --sema-color-background-disabled: #d1d1c7; --sema-color-background-transparent: rgba(255, 255, 255, 0); --sema-color-background-info-default: #007db8; --sema-color-background-info-weak: #c5eaf7; - --sema-color-background-neutral-default: #757570; - --sema-color-background-neutral-weak: #c7c6c1; + --sema-color-background-neutral-default: #757569; + --sema-color-background-neutral-weak: #c2c2b6; --sema-color-background-recommendation-default: #8f4696; --sema-color-background-recommendation-weak: #fcd8fc; --sema-color-background-success-default: #517d3b; @@ -8817,10 +8823,10 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-background-gradient-darken-bottom-strong: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-weak: rgba(0, 0, 0, 0); --sema-color-background-gradient-darken-top-strong: rgba(0, 0, 0, 0); - --sema-color-border-decorative: #c7c6c1; - --sema-color-border-interactive: #757570; + --sema-color-border-decorative: #c2c2b6; + --sema-color-border-interactive: #757569; --sema-color-border-selected: #000000; - --sema-color-border-disabled: #c7c6c1; + --sema-color-border-disabled: #c2c2b6; --sema-color-border-success: #517d3b; --sema-color-border-error: #b2001a; --sema-color-border-inverse: #ffffff; @@ -8833,8 +8839,8 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-border-focus-inner-dark: #000000; --sema-color-border-focus-inner-light: #ffffff; --sema-color-text-default: #000000; - --sema-color-text-neutral: #4c4c4a; - --sema-color-text-subtle: #636361; + --sema-color-text-neutral: #47473f; + --sema-color-text-subtle: #57574c; --sema-color-text-link: #215d82; --sema-color-text-info: #215d82; --sema-color-text-recommendation: #6d4270; @@ -8845,10 +8851,10 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-text-inverse: #ffffff; --sema-color-text-light: #ffffff; --sema-color-text-dark: #000000; - --sema-color-text-disabled: #969292; + --sema-color-text-disabled: #949486; --sema-color-icon-default: #000000; - --sema-color-icon-neutral: #4c4c4a; - --sema-color-icon-subtle: #636361; + --sema-color-icon-neutral: #47473f; + --sema-color-icon-subtle: #57574c; --sema-color-icon-link: #215d82; --sema-color-icon-info: #215d82; --sema-color-icon-recommendation: #6d4270; @@ -8859,7 +8865,7 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-icon-inverse: #ffffff; --sema-color-icon-light: #ffffff; --sema-color-icon-dark: #000000; - --sema-color-icon-disabled: #969292; + --sema-color-icon-disabled: #949486; --sema-color-dataviz-10: #005062; --sema-color-dataviz-11: #de2c62; --sema-color-dataviz-12: #660e00; @@ -8872,21 +8878,21 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-dataviz-07: #00ab55; --sema-color-dataviz-08: #400387; --sema-color-dataviz-09: #f2681f; - --sema-color-hover-background-default: #f8f7f2; + --sema-color-hover-background-default: #f0f0eb; --sema-color-hover-background-primary: #bd001c; - --sema-color-hover-background-secondary: #d6d4cd; - --sema-color-hover-background-tertiary: #626260; - --sema-color-hover-background-selected: #242423; + --sema-color-hover-background-secondary: #cdcdc1; + --sema-color-hover-background-tertiary: #616157; + --sema-color-hover-background-selected: #272721; --sema-color-hover-background-education: #086c9b; - --sema-color-hover-background-elevation: #f8f7f2; - --sema-color-hover-background-scrim: #e7e6df; - --sema-color-hover-background-inverse: #242423; - --sema-color-hover-background-light: #f8f7f2; - --sema-color-hover-background-dark: #242423; + --sema-color-hover-background-elevation: #f0f0eb; + --sema-color-hover-background-scrim: #cdcdc1; + --sema-color-hover-background-inverse: #272721; + --sema-color-hover-background-light: #f0f0eb; + --sema-color-hover-background-dark: #272721; --sema-color-hover-background-info-default: #086c9b; --sema-color-hover-background-info-weak: #a8ddf0; - --sema-color-hover-background-neutral-default: #626260; - --sema-color-hover-background-neutral-weak: #b2b0ae; + --sema-color-hover-background-neutral-default: #616157; + --sema-color-hover-background-neutral-weak: #b0b0a1; --sema-color-hover-background-recommendation-default: #793e7e; --sema-color-hover-background-recommendation-weak: #fac7fa; --sema-color-hover-background-success-default: #476836; @@ -8901,15 +8907,15 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-hover-background-wash-image-tint: rgba(36, 36, 35, 0.09); --sema-color-hover-background-wash-scrims-default: rgba(98, 98, 96, 0.45); --sema-color-hover-background-wash-scrims-opaque: rgba(231, 230, 223, 0.85); - --sema-color-hover-border-decorative: #b2b0ae; - --sema-color-hover-border-interactive: #626260; - --sema-color-hover-border-selected: #242423; + --sema-color-hover-border-decorative: #b0b0a1; + --sema-color-hover-border-interactive: #616157; + --sema-color-hover-border-selected: #272721; --sema-color-hover-border-success: #476836; --sema-color-hover-border-error: #940016; - --sema-color-hover-border-inverse: #f8f7f2; - --sema-color-hover-text-default: #242423; - --sema-color-hover-text-neutral: #3e3e3c; - --sema-color-hover-text-subtle: #555553; + --sema-color-hover-border-inverse: #f0f0eb; + --sema-color-hover-text-default: #272721; + --sema-color-hover-text-neutral: #31312b; + --sema-color-hover-text-subtle: #414139; --sema-color-hover-text-link: #1e4b67; --sema-color-hover-text-info: #1e4b67; --sema-color-hover-text-recommendation: #57355a; @@ -8917,12 +8923,12 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-hover-text-warning: #7e401b; --sema-color-hover-text-error: #6e0c0c; --sema-color-hover-text-primary: #bd001c; - --sema-color-hover-text-inverse: #f8f7f2; - --sema-color-hover-text-light: #f8f7f2; - --sema-color-hover-text-dark: #242423; - --sema-color-hover-icon-default: #242423; - --sema-color-hover-icon-neutral: #3e3e3c; - --sema-color-hover-icon-subtle: #555553; + --sema-color-hover-text-inverse: #f0f0eb; + --sema-color-hover-text-light: #f0f0eb; + --sema-color-hover-text-dark: #272721; + --sema-color-hover-icon-default: #272721; + --sema-color-hover-icon-neutral: #31312b; + --sema-color-hover-icon-subtle: #414139; --sema-color-hover-icon-link: #1e4b67; --sema-color-hover-icon-info: #1e4b67; --sema-color-hover-icon-recommendation: #57355a; @@ -8930,24 +8936,24 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-hover-icon-warning: #7e401b; --sema-color-hover-icon-error: #6e0c0c; --sema-color-hover-icon-primary: #bd001c; - --sema-color-hover-icon-inverse: #f8f7f2; - --sema-color-hover-icon-light: #f8f7f2; - --sema-color-hover-icon-dark: #242423; - --sema-color-pressed-background-default: #ebebe5; + --sema-color-hover-icon-inverse: #f0f0eb; + --sema-color-hover-icon-light: #f0f0eb; + --sema-color-hover-icon-dark: #272721; + --sema-color-pressed-background-default: #deded3; --sema-color-pressed-background-primary: #9e0017; - --sema-color-pressed-background-secondary: #c2c1bc; - --sema-color-pressed-background-tertiary: #585856; - --sema-color-pressed-background-selected: #393937; + --sema-color-pressed-background-secondary: #babaab; + --sema-color-pressed-background-tertiary: #4b4b44; + --sema-color-pressed-background-selected: #3d3d34; --sema-color-pressed-background-education: #0e5c81; - --sema-color-pressed-background-elevation: #ebebe5; - --sema-color-pressed-background-scrim: #d8d7cf; - --sema-color-pressed-background-inverse: #393937; - --sema-color-pressed-background-light: #ebebe5; - --sema-color-pressed-background-dark: #393937; + --sema-color-pressed-background-elevation: #deded3; + --sema-color-pressed-background-scrim: #babaab; + --sema-color-pressed-background-inverse: #3d3d34; + --sema-color-pressed-background-light: #deded3; + --sema-color-pressed-background-dark: #3d3d34; --sema-color-pressed-background-info-default: #0e5c81; --sema-color-pressed-background-info-weak: #8ecfe6; - --sema-color-pressed-background-neutral-default: #585856; - --sema-color-pressed-background-neutral-weak: #969292; + --sema-color-pressed-background-neutral-default: #4b4b44; + --sema-color-pressed-background-neutral-weak: #9d9d8a; --sema-color-pressed-background-recommendation-default: #643569; --sema-color-pressed-background-recommendation-weak: #f8b5f8; --sema-color-pressed-background-success-default: #3c5530; @@ -8956,21 +8962,21 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-pressed-background-warning-weak: #f4cc95; --sema-color-pressed-background-error-default: #7a0012; --sema-color-pressed-background-error-weak: #f4a8a4; - --sema-color-pressed-background-wash-default: #ebebe5; + --sema-color-pressed-background-wash-default: #deded3; --sema-color-pressed-background-wash-dark: rgba(57, 57, 55, 0.9); - --sema-color-pressed-background-wash-light: #ebebe5; + --sema-color-pressed-background-wash-light: #deded3; --sema-color-pressed-background-wash-image-tint: rgba(57, 57, 55, 0.14); --sema-color-pressed-background-wash-scrims-default: rgba(88, 88, 86, 0.5); --sema-color-pressed-background-wash-scrims-opaque: rgba(216, 215, 207, 0.9); - --sema-color-pressed-border-decorative: #969292; - --sema-color-pressed-border-interactive: #585856; - --sema-color-pressed-border-selected: #393937; + --sema-color-pressed-border-decorative: #9d9d8a; + --sema-color-pressed-border-interactive: #4b4b44; + --sema-color-pressed-border-selected: #3d3d34; --sema-color-pressed-border-success: #3c5530; --sema-color-pressed-border-error: #7a0012; - --sema-color-pressed-border-inverse: #ebebe5; - --sema-color-pressed-text-default: #393937; - --sema-color-pressed-text-neutral: #313130; - --sema-color-pressed-text-subtle: #464644; + --sema-color-pressed-border-inverse: #deded3; + --sema-color-pressed-text-default: #3d3d34; + --sema-color-pressed-text-neutral: #1b1b18; + --sema-color-pressed-text-subtle: #2c2c26; --sema-color-pressed-text-link: #1a394d; --sema-color-pressed-text-info: #1a394d; --sema-color-pressed-text-recommendation: #422843; @@ -8978,12 +8984,12 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-pressed-text-warning: #6b381a; --sema-color-pressed-text-error: #530909; --sema-color-pressed-text-primary: #9e0017; - --sema-color-pressed-text-inverse: #ebebe5; - --sema-color-pressed-text-light: #ebebe5; - --sema-color-pressed-text-dark: #393937; - --sema-color-pressed-icon-default: #393937; - --sema-color-pressed-icon-neutral: #313130; - --sema-color-pressed-icon-subtle: #464644; + --sema-color-pressed-text-inverse: #deded3; + --sema-color-pressed-text-light: #deded3; + --sema-color-pressed-text-dark: #3d3d34; + --sema-color-pressed-icon-default: #3d3d34; + --sema-color-pressed-icon-neutral: #1b1b18; + --sema-color-pressed-icon-subtle: #2c2c26; --sema-color-pressed-icon-link: #1a394d; --sema-color-pressed-icon-info: #1a394d; --sema-color-pressed-icon-recommendation: #422843; @@ -8991,14 +8997,15 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --sema-color-pressed-icon-warning: #6b381a; --sema-color-pressed-icon-error: #530909; --sema-color-pressed-icon-primary: #9e0017; - --sema-color-pressed-icon-inverse: #ebebe5; - --sema-color-pressed-icon-light: #ebebe5; - --sema-color-pressed-icon-dark: #393937; - --sema-elevation-surface: 0px 1px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.08); - --sema-elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --sema-elevation-raised-default: 0px 0px 0px 0.5px rgba(0,0,0,0.06), 0px 1px 6px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --sema-elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --sema-color-pressed-icon-inverse: #deded3; + --sema-color-pressed-icon-light: #deded3; + --sema-color-pressed-icon-dark: #3d3d34; + --sema-elevation-shadow-surface: 0px 0.5px 3px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-raised: 0px 1.5px 6px 0px rgba(0,0,0,0.2); + --sema-elevation-shadow-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --sema-elevation-background-blur-weak: 8px; + --sema-elevation-background-blur-default: 24px; + --sema-elevation-background-blur-strong: 64px; --sema-font-weight-heading-lg: 700; --sema-font-weight-heading-md: 700; --sema-font-weight-heading-sm: 500; @@ -9317,22 +9324,22 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-yellow-caramellow-800: #9b4b1c; --color-yellow-caramellow-900: #9b4b1c; --color-white-mochimalist-0: #ffffff; - --color-gray-roboflow-50: #fffef7; - --color-gray-roboflow-100: #f5f4ed; - --color-gray-roboflow-200: #e8e7e1; - --color-gray-roboflow-300: #c7c6c1; - --color-gray-roboflow-400: #969292; - --color-gray-roboflow-500: #757570; - --color-gray-roboflow-550: #636361; - --color-gray-roboflow-600: #4c4c4a; - --color-gray-roboflow-700: #2e2e2d; - --color-gray-roboflow-800: #1c1b1b; + --color-gray-roboflow-50: #f0f0eb; + --color-gray-roboflow-100: #e0e0d9; + --color-gray-roboflow-200: #d1d1c7; + --color-gray-roboflow-300: #c2c2b6; + --color-gray-roboflow-400: #949486; + --color-gray-roboflow-500: #757569; + --color-gray-roboflow-550: #57574c; + --color-gray-roboflow-600: #47473f; + --color-gray-roboflow-700: #363630; + --color-gray-roboflow-800: #272721; --color-black-cosmicore-900: #000000; --color-transparent: rgba(255, 255, 255, 0); --color-text-default: #000000; - --color-text-subtle: #636361; + --color-text-subtle: #57574c; --color-text-success: #265926; - --color-text-disabled: #969292; + --color-text-disabled: #949486; --color-text-error: #8a0f0f; --color-text-warning: #9b4b1c; --color-text-inverse: #ffffff; @@ -9341,10 +9348,10 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-text-shopping: #215d82; --color-text-link: #215d82; --color-icon-default: #000000; - --color-icon-subtle: #636361; - --color-icon-subtle-accent: #636361; + --color-icon-subtle: #57574c; + --color-icon-subtle-accent: #57574c; --color-icon-success: #265926; - --color-icon-disabled: #969292; + --color-icon-disabled: #949486; --color-icon-error: #8a0f0f; --color-icon-warning: #9b4b1c; --color-icon-info: #215d82; @@ -9371,12 +9378,12 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-primary-base: #e60023; --color-background-primary-weak: #e60023; --color-background-primary-strong: #e60023; - --color-background-secondary-base: #e8e7e1; - --color-background-secondary-weak: #e8e7e1; - --color-background-secondary-strong: #e8e7e1; - --color-background-tertiary-base: #757570; - --color-background-tertiary-weak: #757570; - --color-background-tertiary-strong: #757570; + --color-background-secondary-base: #e0e0d9; + --color-background-secondary-weak: #e0e0d9; + --color-background-secondary-strong: #e0e0d9; + --color-background-tertiary-base: #757569; + --color-background-tertiary-weak: #757569; + --color-background-tertiary-strong: #757569; --color-background-selected-base: #000000; --color-background-selected-weak: #000000; --color-background-selected-strong: #000000; @@ -9388,11 +9395,11 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-wash-light: #ffffff; --color-background-dark: rgba(0, 0, 0, 0.8); --color-background-light: rgba(255, 255, 255, 0.9); - --color-background-elevation-accent: #f5f4ed; + --color-background-elevation-accent: #e0e0d9; --color-background-elevation-floating: #ffffff; --color-background-elevation-raised: #ffffff; - --color-background-badge-neutral-default: #c7c6c1; - --color-background-badge-neutral-hover: #b2b0ae; + --color-background-badge-neutral-default: #c2c2b6; + --color-background-badge-neutral-hover: #b0b0a1; --color-background-badge-info-default: #c5eaf7; --color-background-badge-info-hover: #a8ddf0; --color-background-badge-error-default: #ffd3d1; @@ -9410,34 +9417,34 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-button-primary-default: #e60023; --color-background-button-primary-hover: #bd001c; --color-background-button-primary-active: #9e0017; - --color-background-button-primary-disabled: #e8e7e1; - --color-background-button-secondary-default: #e8e7e1; - --color-background-button-secondary-hover: #d6d4cd; - --color-background-button-secondary-active: #c2c1bc; - --color-background-button-secondary-disabled: #e8e7e1; + --color-background-button-primary-disabled: #d1d1c7; + --color-background-button-secondary-default: #e0e0d9; + --color-background-button-secondary-hover: #cdcdc1; + --color-background-button-secondary-active: #babaab; + --color-background-button-secondary-disabled: #d1d1c7; --color-background-button-tertiary-default: rgba(255, 255, 255, 0); --color-background-button-tertiary-hover: rgba(248, 247, 242, 0.95); - --color-background-button-tertiary-active: #ebebe5; + --color-background-button-tertiary-active: #deded3; --color-background-button-tertiary-disabled: rgba(255, 255, 255, 0); --color-background-button-elevation-default: #ffffff; - --color-background-button-elevation-hover: #f8f7f2; - --color-background-button-elevation-active: #ebebe5; - --color-background-button-elevation-disabled: #e8e7e1; - --color-background-button-gray-default: #757570; - --color-background-button-gray-hover: #626260; - --color-background-button-gray-active: #585856; - --color-background-button-gray-disabled: #e8e7e1; + --color-background-button-elevation-hover: #f0f0eb; + --color-background-button-elevation-active: #deded3; + --color-background-button-elevation-disabled: #d1d1c7; + --color-background-button-gray-default: #757569; + --color-background-button-gray-hover: #616157; + --color-background-button-gray-active: #4b4b44; + --color-background-button-gray-disabled: #d1d1c7; --color-background-button-shopping-default: #e60023; --color-background-button-shopping-hover: #bd001c; --color-background-button-shopping-active: #9e0017; - --color-background-button-shopping-disabled: #e8e7e1; + --color-background-button-shopping-disabled: #d1d1c7; --color-background-button-semitransparentdefault-default: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdefault-hover: rgba(248, 247, 242, 0.95); - --color-background-button-semitransparentdefault-active: #ebebe5; - --color-background-button-semitransparentdefault-disabled: #e8e7e1; + --color-background-button-semitransparentdefault-active: #deded3; + --color-background-button-semitransparentdefault-disabled: #d1d1c7; --color-background-button-semitransparentwhite-default: rgba(255, 255, 255, 0.9); - --color-background-button-semitransparentwhite-hover: #f8f7f2; - --color-background-button-semitransparentwhite-active: #ebebe5; + --color-background-button-semitransparentwhite-hover: #f0f0eb; + --color-background-button-semitransparentwhite-active: #deded3; --color-background-button-semitransparentwhite-disabled: rgba(255, 255, 255, 0.9); --color-background-button-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-button-semitransparentdark-hover: rgba(36, 36, 35, 0.85); @@ -9446,53 +9453,53 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-button-transparentdarkbackground-default: rgba(255, 255, 255, 0); --color-background-button-transparentdarkbackground-hover: rgba(36, 36, 35, 0.85); --color-background-button-transparentdarkbackground-active: rgba(57, 57, 55, 0.9); - --color-background-button-transparentdarkbackground-disabled: #e8e7e1; + --color-background-button-transparentdarkbackground-disabled: #d1d1c7; --color-background-button-white-default: #ffffff; - --color-background-button-white-hover: #f8f7f2; - --color-background-button-white-active: #ebebe5; - --color-background-button-white-disabled: #e8e7e1; + --color-background-button-white-hover: #f0f0eb; + --color-background-button-white-active: #deded3; + --color-background-button-white-disabled: #d1d1c7; --color-background-button-selected-default: #000000; - --color-background-button-selected-disabled: #e8e7e1; - --color-background-button-disabled-default: #e8e7e1; + --color-background-button-selected-disabled: #d1d1c7; + --color-background-button-disabled-default: #d1d1c7; --color-background-checkbox-checked-default: #000000; --color-background-checkbox-checked-error: #b2001a; - --color-background-checkbox-disabled: #e8e7e1; + --color-background-checkbox-disabled: #d1d1c7; --color-background-checkbox-unchecked-default: #ffffff; --color-background-checkbox-unchecked-error: #ffffff; --color-background-datepicker-container: #ffffff; - --color-background-datepicker-range-default: #e8e7e1; - --color-background-datepicker-range-hover: #d6d4cd; - --color-background-datepicker-range-active: #c2c1bc; + --color-background-datepicker-range-default: #e0e0d9; + --color-background-datepicker-range-hover: #cdcdc1; + --color-background-datepicker-range-active: #babaab; --color-background-datepicker-button-unselected-default: #ffffff; - --color-background-datepicker-button-unselected-hover: #f8f7f2; - --color-background-datepicker-button-unselected-active: #ebebe5; + --color-background-datepicker-button-unselected-hover: #f0f0eb; + --color-background-datepicker-button-unselected-active: #deded3; --color-background-datepicker-button-selected-default: #000000; - --color-background-datepicker-button-selected-hover: #242423; - --color-background-datepicker-button-selected-active: #393937; + --color-background-datepicker-button-selected-hover: #272721; + --color-background-datepicker-button-selected-active: #3d3d34; --color-background-iconbutton-semitransparentdark-default: rgba(0, 0, 0, 0.8); --color-background-iconbutton-semitransparentdark-hover: rgba(36, 36, 35, 0.85); --color-background-iconbutton-semitransparentdark-active: rgba(57, 57, 55, 0.9); --color-background-iconbutton-semitransparentdark-disabled-default: rgba(0, 0, 0, 0.39); - --color-background-iconbutton-semitransparentdark-disabled-selected: #e8e7e1; + --color-background-iconbutton-semitransparentdark-disabled-selected: #d1d1c7; --color-background-indicator: #e60023; --color-background-popover-primary: #ffffff; --color-background-popover-education: #007db8; --color-background-switch-default-unselected: #ffffff; --color-background-switch-default-selected: #000000; --color-background-switch-disabled-unselected: #ffffff; - --color-background-switch-disabled-selected: #e8e7e1; - --color-background-switch-hover-selected: #242423; - --color-background-switch-hover-unselected: #f8f7f2; - --color-background-switch-pressed-selected: #393937; - --color-background-switch-pressed-unselected: #ebebe5; + --color-background-switch-disabled-selected: #d1d1c7; + --color-background-switch-hover-selected: #272721; + --color-background-switch-hover-unselected: #f0f0eb; + --color-background-switch-pressed-selected: #3d3d34; + --color-background-switch-pressed-unselected: #deded3; --color-background-tabs-default-base: rgba(255, 255, 255, 0); - --color-background-tabs-default-hover: #f8f7f2; - --color-background-tabs-default-active: #ebebe5; + --color-background-tabs-default-hover: #f0f0eb; + --color-background-tabs-default-active: #deded3; --color-background-tabs-transparent-base: rgba(255, 255, 255, 0); - --color-background-tabs-transparent-hover: #f8f7f2; - --color-background-tabs-transparent-active: #ebebe5; + --color-background-tabs-transparent-hover: #f0f0eb; + --color-background-tabs-transparent-active: #deded3; --color-background-searchguide-default-10: #fcd8fc; - --color-background-searchguide-default-11: #e8e7e1; + --color-background-searchguide-default-11: #d1d1c7; --color-background-searchguide-default-01: #7cbede; --color-background-searchguide-default-02: #a8bb63; --color-background-searchguide-default-03: #fbc55b; @@ -9503,7 +9510,7 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-searchguide-default-08: #fde7c9; --color-background-searchguide-default-09: #ffd3d1; --color-background-searchguide-hover-10: #fac7fa; - --color-background-searchguide-hover-11: #d6d4cd; + --color-background-searchguide-hover-11: #bfbfb0; --color-background-searchguide-hover-01: #58a9d0; --color-background-searchguide-hover-02: #93a550; --color-background-searchguide-hover-03: #f8b430; @@ -9514,7 +9521,7 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-searchguide-hover-08: #f9d9ae; --color-background-searchguide-hover-09: #fbbebb; --color-background-searchguide-active-10: #f8b5f8; - --color-background-searchguide-active-11: #c2c1bc; + --color-background-searchguide-active-11: #adad9a; --color-background-searchguide-active-01: #4096bf; --color-background-searchguide-active-02: #81904c; --color-background-searchguide-active-03: #f1a613; @@ -9524,28 +9531,28 @@ exports[`visual refresh tokens uses visual refresh with vi line height 1`] = ` --color-background-searchguide-active-07: #a7b97e; --color-background-searchguide-active-08: #f4cc95; --color-background-searchguide-active-09: #f4a8a4; - --color-border-container: #c7c6c1; - --color-border-default: #757570; + --color-border-container: #c2c2b6; + --color-border-default: #757569; --color-border-error: #b2001a; --color-border-focus: #007db8; - --color-border-button-hover: #626260; - --color-border-button-pressed: #585856; + --color-border-button-hover: #616157; + --color-border-button-pressed: #4b4b44; --color-border-checkbox-checked-default: #000000; --color-border-checkbox-checked-error: #b2001a; - --color-border-checkbox-disabled: #e8e7e1; - --color-border-checkbox-unchecked-default: #757570; + --color-border-checkbox-disabled: #d1d1c7; + --color-border-checkbox-unchecked-default: #757569; --color-border-checkbox-unchecked-error: #b2001a; - --color-border-checkbox-unchecked-hover: #626260; + --color-border-checkbox-unchecked-hover: #616157; --color-border-indicator: #ffffff; --color-border-popover-primary: #ffffff; --color-border-popover-secondary: #111111; --color-border-popover-education: #007db8; - --color-border-switch-default-unselected: #757570; + --color-border-switch-default-unselected: #757569; --color-border-switch-focus-inner: #ffffff; --color-border-switch-focus-outer: #007db8; - --elevation-floating: 0px 4px 16px 0px rgba(0,0,0,0.1), 0px 1px 4px 0px rgba(0,0,0,0.08); - --elevation-raised-top: 0px 1px 0px 0.5px rgba(0,0,0,0.06), 0px 2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); - --elevation-raised-bottom: 0px -1px 0px 0.5px rgba(0,0,0,0.06), 0px -2px 8px 0px rgba(0,0,0,0.12), 0px -1px 2px 0px rgba(0,0,0,0.06); + --elevation-floating: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-top: 0px 3px 12px 0px rgba(0,0,0,0.2); + --elevation-raised-bottom: 0px 1.5px 6px 0px rgba(0,0,0,0.2); --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px;