diff --git a/src/styles/cdr-fonts.scss b/src/styles/cdr-fonts.scss index 5fa6d9b8e..6d84a4a53 100644 --- a/src/styles/cdr-fonts.scss +++ b/src/styles/cdr-fonts.scss @@ -35,3 +35,15 @@ font-weight: 1 999; font-style: italic; src: url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2"); } + + @font-face { + font-display: swap; + font-family: Pressura; + font-weight: 400; /* Regular weight */ + src: url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-regular.woff2") format("woff2"), url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-regular.woff") format("woff"); } + + @font-face { + font-display: swap; + font-family: Pressura; + font-weight: 700; + src: url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-bold.woff2") format("woff2"), url("//www.rei.com/satchel/media/font/Pressura/gt-pressura-mono-bold.woff") format("woff"); } \ No newline at end of file diff --git a/src/styles/cdr-palette.scss b/src/styles/cdr-palette.scss index 1ed47f080..82c520692 100644 --- a/src/styles/cdr-palette.scss +++ b/src/styles/cdr-palette.scss @@ -25,9 +25,9 @@ --cdr-color-text-button-primary-hover: var(--cdr-membership-subtle-color-text-button-primary-hover, #{$cdr-membership-subtle-color-text-button-primary-hover}); --cdr-color-background-button-primary-rest: var(--cdr-membership-subtle-color-background-button-primary-rest, #{$cdr-membership-subtle-color-background-button-primary-rest}); --cdr-color-background-button-primary-active: var(--cdr-membership-subtle-color-background-button-primary-active, #{$cdr-membership-subtle-color-background-button-primary-active}); - --cdr-color-text-link-rest: var( --cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest}); - --cdr-color-text-link-hover: var( --cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover}); - --cdr-color-text-link-visited: var( --cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited}); + --cdr-color-text-link-rest: var(--cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest}); + --cdr-color-text-link-hover: var(--cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover}); + --cdr-color-text-link-visited: var(--cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited}); } [data-palette='membership-vibrant'] { @@ -41,8 +41,8 @@ --cdr-color-text-button-primary-hover: var(--cdr-membership-vibrant-color-text-button-primary-hover, #{$cdr-membership-vibrant-color-text-button-primary-hover}); --cdr-color-background-button-primary-rest: var(--cdr-membership-vibrant-color-background-button-primary-rest, #{$cdr-membership-vibrant-color-background-button-primary-rest}); --cdr-color-background-button-primary-active: var(--cdr-membership-vibrant-color-background-button-primary-active, #{$cdr-membership-vibrant-color-background-button-primary-active}); - --cdr-color-text-link-rest: var( --cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest}); - --cdr-color-text-link-hover: var( --cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover}); - --cdr-color-text-link-visited: var( --cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited}); + --cdr-color-text-link-rest: var(--cdr-membership-subtle-color-text-link-rest, #{$cdr-membership-subtle-color-text-link-rest}); + --cdr-color-text-link-hover: var(--cdr-membership-subtle-color-text-link-hover, #{$cdr-membership-subtle-color-text-link-hover}); + --cdr-color-text-link-visited: var(--cdr-membership-subtle-color-text-link-visited, #{$cdr-membership-subtle-color-text-link-visited}); } diff --git a/src/styles/cdr-reset.scss b/src/styles/cdr-reset.scss index 2c2c79f50..76c634174 100644 --- a/src/styles/cdr-reset.scss +++ b/src/styles/cdr-reset.scss @@ -40,7 +40,7 @@ body { /* cdr-color-text-primary */ - color: rgba(12, 11, 8, 0.75); + color: var(--cdr-color-text-primary), rgba(12, 11, 8, 0.75); /* cdr-color-background-primary */