diff --git a/CHANGELOG.md b/CHANGELOG.md index abe81da31..005b73b3b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## Unpublished Changes +* larva-tokens adding new colors for Deadline tokens. * Update Vibe token values ## 1.64.0 05-30-2024 diff --git a/packages/larva-tokens/build/deadline.custom-properties.css b/packages/larva-tokens/build/deadline.custom-properties.css index 9f2026ad7..213546ff1 100644 --- a/packages/larva-tokens/build/deadline.custom-properties.css +++ b/packages/larva-tokens/build/deadline.custom-properties.css @@ -1 +1 @@ -:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif} \ No newline at end of file +:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--color-light-grey: rgb(247, 247, 247);--color-light-pink: rgb(245, 223, 221);--color-light-beige: rgb(239, 235, 220);--color-light-blue: rgb(241, 248, 252)} \ No newline at end of file diff --git a/packages/larva-tokens/build/deadline.json b/packages/larva-tokens/build/deadline.json index f86632b69..83419df97 100644 --- a/packages/larva-tokens/build/deadline.json +++ b/packages/larva-tokens/build/deadline.json @@ -513,5 +513,9 @@ "PRIMARY_L_LINE_HEIGHT_MOBILE": "34px", "BODY_L_LINE_HEIGHT_MOBILE": "initial", "FONT_FAMILY_ACCENT": "Verdana, serif", - "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif" + "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif", + "COLOR_LIGHT_GREY": "rgb(247, 247, 247)", + "COLOR_LIGHT_PINK": "rgb(245, 223, 221)", + "COLOR_LIGHT_BEIGE": "rgb(239, 235, 220)", + "COLOR_LIGHT_BLUE": "rgb(241, 248, 252)" } \ No newline at end of file diff --git a/packages/larva-tokens/build/deadline.map.scss b/packages/larva-tokens/build/deadline.map.scss index 10f2d440e..13e079b81 100644 --- a/packages/larva-tokens/build/deadline.map.scss +++ b/packages/larva-tokens/build/deadline.map.scss @@ -530,4 +530,8 @@ $deadline-map: ( 'body-l-line-height-mobile': (initial), 'font-family-accent': (Verdana, serif), 'font-family-accent-fancy': (Verdana, sans-serif), + 'color-light-grey': (rgb(247, 247, 247)), + 'color-light-pink': (rgb(245, 223, 221)), + 'color-light-beige': (rgb(239, 235, 220)), + 'color-light-blue': (rgb(241, 248, 252)), ); diff --git a/packages/larva-tokens/build/deadline.raw.json b/packages/larva-tokens/build/deadline.raw.json index 6c19a7803..34255111f 100644 --- a/packages/larva-tokens/build/deadline.raw.json +++ b/packages/larva-tokens/build/deadline.raw.json @@ -4199,6 +4199,34 @@ "category": "font-family", "originalValue": "Verdana, sans-serif", "name": "FONT_FAMILY_ACCENT_FANCY" + }, + "COLOR_LIGHT_GREY": { + "category": "text-color", + "type": "color", + "value": "rgb(247, 247, 247)", + "originalValue": "rgb(247, 247, 247)", + "name": "COLOR_LIGHT_GREY" + }, + "COLOR_LIGHT_PINK": { + "category": "text-color", + "type": "color", + "value": "rgb(245, 223, 221)", + "originalValue": "rgb(245, 223, 221)", + "name": "COLOR_LIGHT_PINK" + }, + "COLOR_LIGHT_BEIGE": { + "category": "text-color", + "type": "color", + "value": "rgb(239, 235, 220)", + "originalValue": "rgb(239, 235, 220)", + "name": "COLOR_LIGHT_BEIGE" + }, + "COLOR_LIGHT_BLUE": { + "category": "text-color", + "type": "color", + "value": "rgb(241, 248, 252)", + "originalValue": "rgb(241, 248, 252)", + "name": "COLOR_LIGHT_BLUE" } } } \ No newline at end of file diff --git a/packages/larva-tokens/src/brands/deadline.json b/packages/larva-tokens/src/brands/deadline.json index b250da6a0..0ee738a50 100644 --- a/packages/larva-tokens/src/brands/deadline.json +++ b/packages/larva-tokens/src/brands/deadline.json @@ -187,6 +187,34 @@ "originalValue": "#616161", "name": "COLOR_GREY_DARK" }, + "COLOR_LIGHT_BLUE": { + "category": "text-color", + "type": "color", + "value": "rgb(241, 248, 252)", + "originalValue": "#F1F8FC", + "name": "COLOR_LIGHT_BLUE" + }, + "COLOR_LIGHT_GREY": { + "category": "text-color", + "type": "color", + "value": "rgb(247, 247, 247)", + "originalValue": "#F7F7F7", + "name": "COLOR_LIGHT_GREY" + }, + "COLOR_LIGHT_PINK": { + "category": "text-color", + "type": "color", + "value": "rgb(245, 223, 221)", + "originalValue": "#F5DFDD", + "name": "COLOR_LIGHT_PINK" + }, + "COLOR_LIGHT_BEIGE": { + "category": "text-color", + "type": "color", + "value": "rgb(239, 235, 220)", + "originalValue": "#EFEBDC", + "name": "COLOR_LIGHT_BEIGE" + }, "FONT_FAMILY_BODY": { "category": "font-family", "value": "Georgia, serif", diff --git a/packages/larva-tokens/style-guides/deadline.html b/packages/larva-tokens/style-guides/deadline.html index da80c4952..b38b00e72 100644 --- a/packages/larva-tokens/style-guides/deadline.html +++ b/packages/larva-tokens/style-guides/deadline.html @@ -7171,6 +7171,66 @@

Design Tokens

The quick brown fox jumps over the lazy dog. + + + + + + color-light-grey + + + rgb(247, 247, 247) + + + + The quick brown fox jumps over the lazy dog. + + + + + + + + color-light-pink + + + rgb(245, 223, 221) + + + + The quick brown fox jumps over the lazy dog. + + + + + + + + color-light-beige + + + rgb(239, 235, 220) + + + + The quick brown fox jumps over the lazy dog. + + + + + + + + color-light-blue + + + rgb(241, 248, 252) + + + + The quick brown fox jumps over the lazy dog. + +