diff --git a/packages/react/.storybook/preview-head.html b/packages/react/.storybook/preview-head.html index 5d705c6..79163ce 100644 --- a/packages/react/.storybook/preview-head.html +++ b/packages/react/.storybook/preview-head.html @@ -15,11 +15,11 @@ .cunningham-theme--dark { .docblock-source { - background-color: var(--c--theme--colors--greyscale-100); + background-color: var(--c--globals--colors--gray-100); } .prismjs { - background-color: var(--c--theme--colors--greyscale-100) !important; + background-color: var(--c--globals--colors--gray-100) !important; } } diff --git a/packages/react/.storybook/preview.tsx b/packages/react/.storybook/preview.tsx index 265be32..0cdd405 100644 --- a/packages/react/.storybook/preview.tsx +++ b/packages/react/.storybook/preview.tsx @@ -1,75 +1,82 @@ -import '../src/icons.scss'; -import '../src/index.scss'; -import '../src/fonts.scss'; -import { Preview } from '@storybook/react'; -import { DocsContainer } from '@storybook/blocks'; +import "../src/icons.scss"; +import "../src/index.scss"; +import "../src/fonts.scss"; +import { Preview } from "@storybook/react"; +import { DocsContainer } from "@storybook/blocks"; -import { CunninghamProvider } from ':/components/Provider'; -import {BACKGROUND_COLOR_TO_THEME, getThemeFromGlobals, Themes, themes} from './themes'; +import { CunninghamProvider } from "../src/components/Provider"; +import { + BACKGROUND_COLOR_TO_THEME, + getThemeFromGlobals, + themes, +} from "./themes"; +import React from "react"; export const DocsWithTheme = (props, context) => { - const theme = getThemeFromGlobals(props.context.store.userGlobals.globals); - return - - ; + const theme = getThemeFromGlobals(props.context.store.userGlobals.globals); + return ( + + + + ); }; const preview: Preview = { - decorators: [ - (Story, context) => ( - - - - ), - ], - parameters: { - backgrounds: { - default: null, - values: Object.entries(BACKGROUND_COLOR_TO_THEME).map(value => ({ - name: value[1], - value: value[0], - })), - }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - docs: { - container: DocsWithTheme, - }, - options: { - storySort: (a, b) => { - const roots = ['Getting Started', 'Components', 'Migrating']; - const gettingStartedOrder = [ - 'Installation', - 'First steps', - 'Customization', - 'Theming', - 'Colors', - 'Spacings', - 'Typography', - ]; - - const aParts = a.title.split('/'); - const bParts = b.title.split('/'); - if (aParts[0] !== bParts[0]) { - return roots.indexOf(aParts[0]) - roots.indexOf(bParts[0]); - } - if (aParts[1] !== bParts[1]) { - if (aParts[0] === 'Getting Started') { - return ( - gettingStartedOrder.indexOf(aParts[1]) - - gettingStartedOrder.indexOf(bParts[1]) - ); - } - return aParts[1].localeCompare(bParts[1]); - } - return 0; - }, - }, + decorators: [ + (Story, context) => ( + + + + ), + ], + parameters: { + backgrounds: { + default: null, + values: Object.entries(BACKGROUND_COLOR_TO_THEME).map((value) => ({ + name: value[1], + value: value[0], + })), }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, + }, + docs: { + container: DocsWithTheme, + }, + options: { + storySort: (a, b) => { + const roots = ["Getting Started", "Components", "Migrating"]; + const gettingStartedOrder = [ + "Installation", + "First steps", + "Customization", + "Theming", + "Colors", + "Spacings", + "Typography", + ]; + + const aParts = a.title.split("/"); + const bParts = b.title.split("/"); + if (aParts[0] !== bParts[0]) { + return roots.indexOf(aParts[0]) - roots.indexOf(bParts[0]); + } + if (aParts[1] !== bParts[1]) { + if (aParts[0] === "Getting Started") { + return ( + gettingStartedOrder.indexOf(aParts[1]) - + gettingStartedOrder.indexOf(bParts[1]) + ); + } + return aParts[1].localeCompare(bParts[1]); + } + return 0; + }, + }, + }, }; export default preview; diff --git a/packages/react/.storybook/themes.ts b/packages/react/.storybook/themes.ts index 361466b..37b8656 100644 --- a/packages/react/.storybook/themes.ts +++ b/packages/react/.storybook/themes.ts @@ -1,7 +1,6 @@ import { create } from '@storybook/theming'; -import { tokens } from '../src/cunningham-tokens'; -const buildTheme = (colors: typeof tokens.themes.default.theme.colors & any) => { +const buildLightTheme = () => { return { brandUrl: 'https://github.com/openfun/cunningham', brandImage: 'logo-cunningham.svg', @@ -9,40 +8,74 @@ const buildTheme = (colors: typeof tokens.themes.default.theme.colors & any) => brandTarget: '_self', // - colorPrimary: colors['primary-400'], - colorSecondary: colors['primary-400'], + colorPrimary: '#20467F', // content.brand.primary + colorSecondary: '#0659C5', // content.brand.secondary // UI - appBg: colors['greyscale-100'], - appContentBg: colors['greyscale-000'], - appBorderColor: colors['greyscale-300'], + // appBg: '#F7F8F8', // background.surface.tertiary + appContentBg: '#FFFFFF', // background.surface.primary + appBorderColor: '#E1E2E5', // border.surface.primary appBorderRadius: 4, // Text colors - textColor: colors['greyscale-900'], - textInverseColor: colors['greyscale-000'], + textColor: '#252627', // content.neutral.primary + textInverseColor: '#5C5F63', // content.neutral.secondary // Toolbar default and active colors - barTextColor: colors['greyscale-500'], - barSelectedColor: colors['greyscale-900'], - barBg: colors['greyscale-000'], + barTextColor: '#74777C', // content.neutral.tertiary + barSelectedColor: '#252627', // content.neutral.primary + barBg: '#FFFFFF', // background.surface.primary // Form colors - inputBg: colors['greyscale-000'], - inputBorder: colors['greyscale-300'], - inputTextColor: colors['greyscale-800'], + inputBg: '#FFFFFF', // background.surface.primary + inputBorder: '#A7ACB2', // border.neutral.secondary + inputTextColor: '#252627', // content.neutral.primary inputBorderRadius: 2, }; }; +const buildDarkTheme = () => { + return { + brandUrl: 'https://github.com/openfun/cunningham', + brandImage: 'logo-cunningham.svg', + brandTitle: 'Cunningham', + brandTarget: '_self', + + // + colorPrimary: '#EAF1FB', // content.brand.primary + colorSecondary: '#D5E4F7', // content.brand.secondary + + // UI + appBg: '#222631', // background.surface.tertiary + appContentBg: '#181B24', // background.surface.primary + appBorderColor: '#3A3B3E', // border.surface.primary + appBorderRadius: 4, + + // Text colors + // textColor: '#F0F1F2', // content.neutral.primary + // textInverseColor: '#E1E2E5', // content.neutral.secondary + + // Toolbar default and active colors + // barTextColor: '#B5B9BE', // content.neutral.tertiary + // barSelectedColor: '#F0F1F2', // content.neutral.primary + barBg: '#222631', // background.surface.primary + + // Form colors + // inputBg: '#2F3033', // background.surface.primary + // inputBorder: '#5C5F63', // border.neutral.secondary + // inputTextColor: '#F0F1F2', // content.neutral.primary + // inputBorderRadius: 2, + }; +}; + export const themes = { default: create({ base: 'light', - ...buildTheme(tokens.themes.default.theme.colors), + // ...buildLightTheme(), }), dark: create({ base: 'dark', - ...buildTheme(tokens.themes.dark.theme.colors), + ...buildDarkTheme(), }), }; @@ -52,7 +85,7 @@ export enum Themes { } export const BACKGROUND_COLOR_TO_THEME = { - '#0C1A2B': Themes.dark, + '#181B24': Themes.dark, }; export const getThemeFromGlobals = (globals: any): string => { diff --git a/packages/react/src/cunningham-tokens.css b/packages/react/src/cunningham-tokens.css index 9929882..e22051c 100644 --- a/packages/react/src/cunningham-tokens.css +++ b/packages/react/src/cunningham-tokens.css @@ -1,128 +1,600 @@ :root { - --c--theme--colors--secondary-text: var(--c--theme--colors--greyscale-700); - --c--theme--colors--secondary-100: #F2F7FC; - --c--theme--colors--secondary-200: #EBF3FA; - --c--theme--colors--secondary-300: #E2EEF8; - --c--theme--colors--secondary-400: #DDEAF7; - --c--theme--colors--secondary-500: #D4E5F5; - --c--theme--colors--secondary-600: #C1D0DF; - --c--theme--colors--secondary-700: #97A3AE; - --c--theme--colors--secondary-800: #757E87; - --c--theme--colors--secondary-900: #596067; - --c--theme--colors--info-text: var(--c--theme--colors--greyscale-000); - --c--theme--colors--info-100: #EBF2FC; - --c--theme--colors--info-200: #8CB5EA; - --c--theme--colors--info-300: #5894E1; - --c--theme--colors--info-400: #377FDB; - --c--theme--colors--info-500: #055FD2; - --c--theme--colors--info-600: #0556BF; - --c--theme--colors--info-700: #044395; - --c--theme--colors--info-800: #033474; - --c--theme--colors--info-900: #022858; - --c--theme--colors--greyscale-100: #FAFAFB; - --c--theme--colors--greyscale-200: #F3F4F4; - --c--theme--colors--greyscale-300: #E7E8EA; - --c--theme--colors--greyscale-400: #C2C6CA; - --c--theme--colors--greyscale-500: #9EA3AA; - --c--theme--colors--greyscale-600: #79818A; - --c--theme--colors--greyscale-700: #555F6B; - --c--theme--colors--greyscale-800: #303C4B; - --c--theme--colors--greyscale-900: #0C1A2B; - --c--theme--colors--greyscale-000: #FFFFFF; - --c--theme--colors--primary-100: #EBF2FC; - --c--theme--colors--primary-200: #8CB5EA; - --c--theme--colors--primary-300: #5894E1; - --c--theme--colors--primary-400: #377FDB; - --c--theme--colors--primary-500: #055FD2; - --c--theme--colors--primary-600: #0556BF; - --c--theme--colors--primary-700: #044395; - --c--theme--colors--primary-800: #033474; - --c--theme--colors--primary-900: #022858; - --c--theme--colors--success-100: #EFFCD3; - --c--theme--colors--success-200: #DBFAA9; - --c--theme--colors--success-300: #BEF27C; - --c--theme--colors--success-400: #A0E659; - --c--theme--colors--success-500: #76D628; - --c--theme--colors--success-600: #5AB81D; - --c--theme--colors--success-700: #419A14; - --c--theme--colors--success-800: #2C7C0C; - --c--theme--colors--success-900: #1D6607; - --c--theme--colors--warning-100: #FFF8CD; - --c--theme--colors--warning-200: #FFEF9B; - --c--theme--colors--warning-300: #FFE469; - --c--theme--colors--warning-400: #FFDA43; - --c--theme--colors--warning-500: #FFC805; - --c--theme--colors--warning-600: #DBA603; - --c--theme--colors--warning-700: #B78702; - --c--theme--colors--warning-800: #936901; - --c--theme--colors--warning-900: #7A5400; - --c--theme--colors--danger-100: #F4B0B0; - --c--theme--colors--danger-200: #EE8A8A; - --c--theme--colors--danger-300: #E65454; - --c--theme--colors--danger-400: #E13333; - --c--theme--colors--danger-500: #DA0000; - --c--theme--colors--danger-600: #C60000; - --c--theme--colors--danger-700: #9B0000; - --c--theme--colors--danger-800: #780000; - --c--theme--colors--danger-900: #5C0000; - --c--theme--colors--primary-text: var(--c--theme--colors--greyscale-000); - --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000); - --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000); - --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000); - --c--theme--font--sizes--h1: 1.75rem; - --c--theme--font--sizes--h2: 1.375rem; - --c--theme--font--sizes--h3: 1.125rem; - --c--theme--font--sizes--h4: 0.8125rem; - --c--theme--font--sizes--h5: 0.625rem; - --c--theme--font--sizes--h6: 0.5rem; - --c--theme--font--sizes--l: 1rem; - --c--theme--font--sizes--m: 0.8125rem; - --c--theme--font--sizes--s: 0.6875rem; - --c--theme--font--weights--thin: 200; - --c--theme--font--weights--light: 300; - --c--theme--font--weights--regular: 400; - --c--theme--font--weights--medium: 500; - --c--theme--font--weights--bold: 600; - --c--theme--font--weights--extrabold: 700; - --c--theme--font--weights--black: 800; - --c--theme--font--families--base: "Roboto Flex Variable", sans-serif; - --c--theme--font--families--accent: "Roboto Flex Variable", sans-serif; - --c--theme--font--letterspacings--h1: normal; - --c--theme--font--letterspacings--h2: normal; - --c--theme--font--letterspacings--h3: normal; - --c--theme--font--letterspacings--h4: normal; - --c--theme--font--letterspacings--h5: 1px; - --c--theme--font--letterspacings--h6: normal; - --c--theme--font--letterspacings--l: normal; - --c--theme--font--letterspacings--m: normal; - --c--theme--font--letterspacings--s: normal; - --c--theme--spacings--xl: 4rem; - --c--theme--spacings--l: 3rem; - --c--theme--spacings--b: 1.625rem; - --c--theme--spacings--s: 1rem; - --c--theme--spacings--t: 0.5rem; - --c--theme--spacings--st: 0.25rem; - --c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); - --c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); - --c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); - --c--theme--transitions--duration: 250ms; - --c--theme--breakpoints--xs: 0; - --c--theme--breakpoints--sm: 576px; - --c--theme--breakpoints--md: 768px; - --c--theme--breakpoints--lg: 992px; - --c--theme--breakpoints--xl: 1200px; - --c--theme--breakpoints--xxl: 1400px; + --c--globals--colors--logo-1: #377FDB; + --c--globals--colors--logo-2: #377FDB; + --c--globals--colors--logo-1-dark: #95ABFF; + --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--brand-050: #EAF1FB; + --c--globals--colors--brand-100: #D5E4F7; + --c--globals--colors--brand-150: #C0D6F4; + --c--globals--colors--brand-200: #ABC9F0; + --c--globals--colors--brand-250: #96BCEC; + --c--globals--colors--brand-300: #80AEE8; + --c--globals--colors--brand-350: #6CA0E4; + --c--globals--colors--brand-400: #5693E0; + --c--globals--colors--brand-450: #4085DC; + --c--globals--colors--brand-500: #2976D8; + --c--globals--colors--brand-550: #1167D4; + --c--globals--colors--brand-600: #0659C5; + --c--globals--colors--brand-650: #1A509F; + --c--globals--colors--brand-700: #20467F; + --c--globals--colors--brand-750: #203C63; + --c--globals--colors--brand-800: #1D314C; + --c--globals--colors--brand-850: #1A2638; + --c--globals--colors--brand-900: #141C28; + --c--globals--colors--brand-950: #0C1117; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F7F8F8; + --c--globals--colors--gray-050: #F0F1F2; + --c--globals--colors--gray-100: #E1E2E5; + --c--globals--colors--gray-150: #D2D4D8; + --c--globals--colors--gray-200: #C4C7CB; + --c--globals--colors--gray-250: #B5B9BE; + --c--globals--colors--gray-300: #A7ACB2; + --c--globals--colors--gray-350: #999EA5; + --c--globals--colors--gray-400: #8D9197; + --c--globals--colors--gray-450: #80848A; + --c--globals--colors--gray-500: #74777C; + --c--globals--colors--gray-550: #686B6F; + --c--globals--colors--gray-600: #5C5F63; + --c--globals--colors--gray-650: #505356; + --c--globals--colors--gray-700: #45474A; + --c--globals--colors--gray-750: #3A3B3E; + --c--globals--colors--gray-800: #2F3033; + --c--globals--colors--gray-850: #252627; + --c--globals--colors--gray-900: #1B1C1D; + --c--globals--colors--gray-950: #101112; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #EAF1FB; + --c--globals--colors--info-100: #D5E4F7; + --c--globals--colors--info-150: #C0D6F4; + --c--globals--colors--info-200: #ABC9F0; + --c--globals--colors--info-250: #96BCEC; + --c--globals--colors--info-300: #80AEE8; + --c--globals--colors--info-350: #6CA0E4; + --c--globals--colors--info-400: #5693E0; + --c--globals--colors--info-450: #4085DC; + --c--globals--colors--info-500: #2976D8; + --c--globals--colors--info-550: #1167D4; + --c--globals--colors--info-600: #0659C5; + --c--globals--colors--info-650: #1A509F; + --c--globals--colors--info-700: #20467F; + --c--globals--colors--info-750: #203C63; + --c--globals--colors--info-800: #1D314C; + --c--globals--colors--info-850: #1A2638; + --c--globals--colors--info-900: #141C28; + --c--globals--colors--info-950: #0C1117; + --c--globals--colors--success-050: #E4F7D4; + --c--globals--colors--success-100: #C8EEA8; + --c--globals--colors--success-150: #AAE579; + --c--globals--colors--success-200: #89DC45; + --c--globals--colors--success-250: #72CF27; + --c--globals--colors--success-300: #6AC024; + --c--globals--colors--success-350: #61B121; + --c--globals--colors--success-400: #59A21E; + --c--globals--colors--success-450: #51941C; + --c--globals--colors--success-500: #4B851A; + --c--globals--colors--success-550: #427816; + --c--globals--colors--success-600: #3A6A14; + --c--globals--colors--success-650: #385C1F; + --c--globals--colors--success-700: #344D24; + --c--globals--colors--success-750: #2E4022; + --c--globals--colors--success-800: #27341F; + --c--globals--colors--success-850: #20281A; + --c--globals--colors--success-900: #181D15; + --c--globals--colors--success-950: #10120E; + --c--globals--colors--warning-050: #FFF1BD; + --c--globals--colors--warning-100: #FFE176; + --c--globals--colors--warning-150: #FFCF25; + --c--globals--colors--warning-200: #F4BF06; + --c--globals--colors--warning-250: #E3B205; + --c--globals--colors--warning-300: #D3A504; + --c--globals--colors--warning-350: #C29805; + --c--globals--colors--warning-400: #B28C03; + --c--globals--colors--warning-450: #A27F03; + --c--globals--colors--warning-500: #937303; + --c--globals--colors--warning-550: #836703; + --c--globals--colors--warning-600: #745B03; + --c--globals--colors--warning-650: #625019; + --c--globals--colors--warning-700: #524620; + --c--globals--colors--warning-750: #443B20; + --c--globals--colors--warning-800: #36301D; + --c--globals--colors--warning-850: #2A2619; + --c--globals--colors--warning-900: #1E1C13; + --c--globals--colors--warning-950: #12110C; + --c--globals--colors--error-050: #FCEDED; + --c--globals--colors--error-100: #FADBDB; + --c--globals--colors--error-150: #F7C9C9; + --c--globals--colors--error-200: #F5B7B7; + --c--globals--colors--error-250: #F2A4A4; + --c--globals--colors--error-300: #EF9191; + --c--globals--colors--error-350: #EC7D7D; + --c--globals--colors--error-400: #E96868; + --c--globals--colors--error-450: #E55050; + --c--globals--colors--error-500: #E13131; + --c--globals--colors--error-550: #D80000; + --c--globals--colors--error-600: #C00101; + --c--globals--colors--error-650: #9E2219; + --c--globals--colors--error-700: #802820; + --c--globals--colors--error-750: #662820; + --c--globals--colors--error-800: #4F231E; + --c--globals--colors--error-850: #3B1D19; + --c--globals--colors--error-900: #2A1614; + --c--globals--colors--error-950: #1A0E0C; + --c--globals--colors--red-050: #FDEDED; + --c--globals--colors--red-100: #FADBDB; + --c--globals--colors--red-150: #F8C9C9; + --c--globals--colors--red-200: #F5B7B6; + --c--globals--colors--red-250: #F3A4A3; + --c--globals--colors--red-300: #F09190; + --c--globals--colors--red-350: #EE7C7B; + --c--globals--colors--red-400: #EB6665; + --c--globals--colors--red-450: #E74E4D; + --c--globals--colors--red-500: #D83F3D; + --c--globals--colors--red-550: #C23837; + --c--globals--colors--red-600: #AC3231; + --c--globals--colors--red-650: #8D3531; + --c--globals--colors--red-700: #73332F; + --c--globals--colors--red-750: #5B2F2B; + --c--globals--colors--red-800: #472826; + --c--globals--colors--red-850: #35211F; + --c--globals--colors--red-900: #251817; + --c--globals--colors--red-950: #160F0E; + --c--globals--colors--orange-050: #FDEEE2; + --c--globals--colors--orange-100: #FCDDC5; + --c--globals--colors--orange-150: #FACBA8; + --c--globals--colors--orange-200: #F8B98B; + --c--globals--colors--orange-250: #F6A76A; + --c--globals--colors--orange-300: #F4934B; + --c--globals--colors--orange-350: #F27E27; + --c--globals--colors--orange-400: #E76E12; + --c--globals--colors--orange-450: #D26411; + --c--globals--colors--orange-500: #BE5B0F; + --c--globals--colors--orange-550: #AA510E; + --c--globals--colors--orange-600: #97480C; + --c--globals--colors--orange-650: #7E431D; + --c--globals--colors--orange-700: #673C22; + --c--globals--colors--orange-750: #533422; + --c--globals--colors--orange-800: #412C1F; + --c--globals--colors--orange-850: #31231B; + --c--globals--colors--orange-900: #221A14; + --c--globals--colors--orange-950: #15100C; + --c--globals--colors--brown-050: #F3F0EF; + --c--globals--colors--brown-100: #E7E1DF; + --c--globals--colors--brown-150: #DCD2CF; + --c--globals--colors--brown-200: #D0C4BF; + --c--globals--colors--brown-250: #C5B6B0; + --c--globals--colors--brown-300: #BAA7A1; + --c--globals--colors--brown-350: #AF9992; + --c--globals--colors--brown-400: #A48B83; + --c--globals--colors--brown-450: #997E74; + --c--globals--colors--brown-500: #8F7065; + --c--globals--colors--brown-550: #846357; + --c--globals--colors--brown-600: #7A5649; + --c--globals--colors--brown-650: #684C42; + --c--globals--colors--brown-700: #57423C; + --c--globals--colors--brown-750: #463833; + --c--globals--colors--brown-800: #382E2A; + --c--globals--colors--brown-850: #2B2422; + --c--globals--colors--brown-900: #1F1B19; + --c--globals--colors--brown-950: #121010; + --c--globals--colors--yellow-050: #FAF0D3; + --c--globals--colors--yellow-100: #F5E2A4; + --c--globals--colors--yellow-150: #F0D275; + --c--globals--colors--yellow-200: #EBC242; + --c--globals--colors--yellow-250: #E4B213; + --c--globals--colors--yellow-300: #D4A511; + --c--globals--colors--yellow-350: #C39810; + --c--globals--colors--yellow-400: #B38B0F; + --c--globals--colors--yellow-450: #A37F0D; + --c--globals--colors--yellow-500: #93730C; + --c--globals--colors--yellow-550: #84670B; + --c--globals--colors--yellow-600: #755B0A; + --c--globals--colors--yellow-650: #63501C; + --c--globals--colors--yellow-700: #534521; + --c--globals--colors--yellow-750: #443A21; + --c--globals--colors--yellow-800: #36301F; + --c--globals--colors--yellow-850: #29261A; + --c--globals--colors--yellow-900: #1D1C14; + --c--globals--colors--yellow-950: #12110C; + --c--globals--colors--green-050: #E2F6E5; + --c--globals--colors--green-100: #C5ECCA; + --c--globals--colors--green-150: #A7E3AF; + --c--globals--colors--green-200: #89D894; + --c--globals--colors--green-250: #67CE75; + --c--globals--colors--green-300: #4DC25D; + --c--globals--colors--green-350: #48B257; + --c--globals--colors--green-400: #41A44F; + --c--globals--colors--green-450: #3B9548; + --c--globals--colors--green-500: #368741; + --c--globals--colors--green-550: #30793A; + --c--globals--colors--green-600: #2B6B33; + --c--globals--colors--green-650: #2F5C34; + --c--globals--colors--green-700: #2E4E31; + --c--globals--colors--green-750: #2A412C; + --c--globals--colors--green-800: #253426; + --c--globals--colors--green-850: #1E281F; + --c--globals--colors--green-900: #171D17; + --c--globals--colors--green-950: #0F120F; + --c--globals--colors--blue-1-050: #EBF1FF; + --c--globals--colors--blue-1-100: #D6E3FE; + --c--globals--colors--blue-1-150: #C2D5FE; + --c--globals--colors--blue-1-200: #ADC7FE; + --c--globals--colors--blue-1-250: #99B8FD; + --c--globals--colors--blue-1-300: #84AAFD; + --c--globals--colors--blue-1-350: #6F9BFD; + --c--globals--colors--blue-1-400: #5A8DFB; + --c--globals--colors--blue-1-450: #437DFC; + --c--globals--colors--blue-1-500: #3D71E4; + --c--globals--colors--blue-1-550: #3665CC; + --c--globals--colors--blue-1-600: #305AB5; + --c--globals--colors--blue-1-650: #315093; + --c--globals--colors--blue-1-700: #2E4675; + --c--globals--colors--blue-1-750: #293B5E; + --c--globals--colors--blue-1-800: #243048; + --c--globals--colors--blue-1-850: #1E2635; + --c--globals--colors--blue-1-900: #171C25; + --c--globals--colors--blue-1-950: #0E1116; + --c--globals--colors--blue-2-050: #E2F4F9; + --c--globals--colors--blue-2-100: #C5E9F3; + --c--globals--colors--blue-2-150: #A7DDED; + --c--globals--colors--blue-2-200: #88D1E6; + --c--globals--colors--blue-2-250: #68C5E0; + --c--globals--colors--blue-2-300: #48B8D9; + --c--globals--colors--blue-2-350: #3BAACA; + --c--globals--colors--blue-2-400: #359CB9; + --c--globals--colors--blue-2-450: #318EA9; + --c--globals--colors--blue-2-500: #2C8199; + --c--globals--colors--blue-2-550: #277389; + --c--globals--colors--blue-2-600: #236679; + --c--globals--colors--blue-2-650: #2A5866; + --c--globals--colors--blue-2-700: #2A4B55; + --c--globals--colors--blue-2-750: #283F47; + --c--globals--colors--blue-2-800: #233337; + --c--globals--colors--blue-2-850: #1D272A; + --c--globals--colors--blue-2-900: #161C1E; + --c--globals--colors--blue-2-950: #0E1112; + --c--globals--colors--purple-050: #F6EEFF; + --c--globals--colors--purple-100: #ECDCFF; + --c--globals--colors--purple-150: #E3CBFE; + --c--globals--colors--purple-200: #DAB9FE; + --c--globals--colors--purple-250: #D0A7FE; + --c--globals--colors--purple-300: #C795FE; + --c--globals--colors--purple-350: #BD83FD; + --c--globals--colors--purple-400: #B36FFD; + --c--globals--colors--purple-450: #A85BFD; + --c--globals--colors--purple-500: #9B4BF3; + --c--globals--colors--purple-550: #8B43DA; + --c--globals--colors--purple-600: #7B3CC1; + --c--globals--colors--purple-650: #673C9B; + --c--globals--colors--purple-700: #56387D; + --c--globals--colors--purple-750: #463162; + --c--globals--colors--purple-800: #382A4A; + --c--globals--colors--purple-850: #2A2237; + --c--globals--colors--purple-900: #1E1926; + --c--globals--colors--purple-950: #121017; + --c--globals--colors--pink-050: #FCEDF5; + --c--globals--colors--pink-100: #F9DAEA; + --c--globals--colors--pink-150: #F7C7E0; + --c--globals--colors--pink-200: #F4B4D5; + --c--globals--colors--pink-250: #F1A1CA; + --c--globals--colors--pink-300: #EE8CBF; + --c--globals--colors--pink-350: #EA77B3; + --c--globals--colors--pink-400: #E760A6; + --c--globals--colors--pink-450: #E24797; + --c--globals--colors--pink-500: #CD4089; + --c--globals--colors--pink-550: #B8397B; + --c--globals--colors--pink-600: #A3336D; + --c--globals--colors--pink-650: #86355E; + --c--globals--colors--pink-700: #6E334F; + --c--globals--colors--pink-750: #582E42; + --c--globals--colors--pink-800: #442834; + --c--globals--colors--pink-850: #332028; + --c--globals--colors--pink-900: #24181D; + --c--globals--colors--pink-950: #160F12; + --c--globals--colors--black-000: #00000000; + --c--globals--colors--black-050: #0000000D; + --c--globals--colors--black-100: #0000001A; + --c--globals--colors--black-150: #00000026; + --c--globals--colors--black-200: #00000033; + --c--globals--colors--black-250: #00000040; + --c--globals--colors--black-300: #0000004D; + --c--globals--colors--black-350: #00000059; + --c--globals--colors--black-400: #00000066; + --c--globals--colors--black-450: #00000073; + --c--globals--colors--black-500: #00000080; + --c--globals--colors--black-550: #0000008C; + --c--globals--colors--black-600: #00000099; + --c--globals--colors--black-650: #000000A6; + --c--globals--colors--black-700: #000000B3; + --c--globals--colors--black-750: #000000BF; + --c--globals--colors--black-800: #000000CC; + --c--globals--colors--black-850: #000000D9; + --c--globals--colors--black-900: #000000E6; + --c--globals--colors--black-950: #000000F2; + --c--globals--colors--white-000: #FFFFFF; + --c--globals--colors--white-050: #FFFFFF0D; + --c--globals--colors--white-100: #FFFFFF1A; + --c--globals--colors--white-150: #FFFFFF26; + --c--globals--colors--white-200: #FFFFFF33; + --c--globals--colors--white-250: #FFFFFF40; + --c--globals--colors--white-300: #FFFFFF4D; + --c--globals--colors--white-350: #FFFFFF59; + --c--globals--colors--white-400: #FFFFFF66; + --c--globals--colors--white-450: #FFFFFF73; + --c--globals--colors--white-500: #FFFFFF80; + --c--globals--colors--white-550: #FFFFFF8C; + --c--globals--colors--white-600: #FFFFFF99; + --c--globals--colors--white-650: #FFFFFFA6; + --c--globals--colors--white-700: #FFFFFFB3; + --c--globals--colors--white-750: #FFFFFFBF; + --c--globals--colors--white-800: #FFFFFFCC; + --c--globals--colors--white-850: #FFFFFFD9; + --c--globals--colors--white-900: #FFFFFFE6; + --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); + --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); + --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); + --c--globals--transitions--duration: 250ms; + --c--globals--font--sizes--xs: 0.75rem; + --c--globals--font--sizes--sm: 0.875rem; + --c--globals--font--sizes--md: 1rem; + --c--globals--font--sizes--lg: 1.125rem; + --c--globals--font--sizes--ml: 0.938rem; + --c--globals--font--sizes--xl: 1.25rem; + --c--globals--font--sizes--t: 0.6875rem; + --c--globals--font--sizes--s: 0.75rem; + --c--globals--font--sizes--h1: 2rem; + --c--globals--font--sizes--h2: 1.75rem; + --c--globals--font--sizes--h3: 1.5rem; + --c--globals--font--sizes--h4: 1.375rem; + --c--globals--font--sizes--h5: 1.25rem; + --c--globals--font--sizes--h6: 1.125rem; + --c--globals--font--sizes--xl-alt: 5rem; + --c--globals--font--sizes--lg-alt: 4.5rem; + --c--globals--font--sizes--md-alt: 4rem; + --c--globals--font--sizes--sm-alt: 3.5rem; + --c--globals--font--sizes--xs-alt: 3rem; + --c--globals--font--weights--thin: 200; + --c--globals--font--weights--light: 300; + --c--globals--font--weights--regular: 400; + --c--globals--font--weights--medium: 500; + --c--globals--font--weights--bold: 600; + --c--globals--font--weights--extrabold: 700; + --c--globals--font--weights--black: 800; + --c--globals--font--families--base: "Roboto Flex Variable", sans-serif; + --c--globals--font--families--accent: "Roboto Flex Variable", sans-serif; + --c--globals--spacings--l: 3rem; + --c--globals--spacings--b: 1.625rem; + --c--globals--spacings--m: 0.8125rem; + --c--globals--spacings--s: 1rem; + --c--globals--spacings--t: 0.5rem; + --c--globals--spacings--st: 0.25rem; + --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--xxxs: 0.25rem; + --c--globals--spacings--xxs: 0.375rem; + --c--globals--spacings--xs: 0.5rem; + --c--globals--spacings--sm: 0.75rem; + --c--globals--spacings--base: 1rem; + --c--globals--spacings--md: 1.5rem; + --c--globals--spacings--lg: 2rem; + --c--globals--spacings--xl: 2.5rem; + --c--globals--spacings--xxl: 3rem; + --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--4xl: 4rem; + --c--globals--spacings--5xl: 4.5rem; + --c--globals--spacings--6xl: 6rem; + --c--globals--spacings--7xl: 7.5rem; + --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--sm: 576px; + --c--globals--breakpoints--md: 768px; + --c--globals--breakpoints--lg: 992px; + --c--globals--breakpoints--xl: 1200px; + --c--globals--breakpoints--xxl: 1400px; + --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); + --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); + --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); + --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); + --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); + --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); + --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-150); + --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050); + --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-100); + --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); + --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); + --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100); + --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); + --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); + --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); + --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); + --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); + --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); + --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-150); + --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050); + --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100); + --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); + --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); + --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-100); + --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-150); + --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050); + --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-100); + --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); + --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); + --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-100); + --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-150); + --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050); + --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-100); + --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); + --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); + --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100); + --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-150); + --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050); + --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-100); + --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100); + --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050); + --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350); + --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150); + --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350); + --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150); + --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350); + --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150); + --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350); + --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150); + --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350); + --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); + --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350); + --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150); + --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); + --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); + --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); + --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); + --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350); + --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150); + --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350); + --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150); + --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); + --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); + --c--contextuals--background--text--primary: var(--c--globals--colors--black-050); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2); + --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); + --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-500); + --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); + --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-500); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); + --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-500); + --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); + --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-500); + --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); + --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-500); + --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); + --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-500); + --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); + --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-350); + --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-150); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-350); + --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-150); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-350); + --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-150); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-350); + --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-150); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-350); + --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-350); + --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-150); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); + --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); + --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-350); + --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-150); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-350); + --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-150); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-350); + --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-150); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); + --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); + --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); + --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); + --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); + --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550); + --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300); + --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150); + --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550); + --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300); + --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150); + --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550); + --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300); + --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150); + --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550); + --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); + --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); + --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-350); + --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-150); + --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-350); + --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-150); + --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-350); + --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-150); + --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-350); + --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-150); + --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-350); + --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); + --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-350); + --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-150); + --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); + --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); + --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); + --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); + --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-350); + --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-150); + --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-350); + --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-150); + --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-350); + --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--components--tooltip--border-radius: 0.5rem; - --c--components--tooltip--background-color: var(--c--theme--colors--greyscale-900); - --c--components--tooltip--color: var(--c--theme--colors--greyscale-000); - --c--components--tooltip--font-size: var(--c--theme--font--sizes--s); + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--tooltip--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--tooltip--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--tooltip--font-size: var(--c--globals--font--sizes--s); --c--components--tooltip--padding: 1rem; --c--components--tooltip--max-width: 150px; --c--components--toast--slide-in-duration: 1000ms; --c--components--toast--slide-out-duration: 300ms; - --c--components--toast--background-color: var(--c--theme--colors--greyscale-100); - --c--components--toast--color: var(--c--theme--colors--greyscale-900); - --c--components--toast--font-weight: var(--c--theme--font--weights--regular); + --c--components--toast--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--toast--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--toast--font-weight: var(--c--globals--font--weights--regular); --c--components--toast--icon-size: 19px; --c--components--toast--progress-bar-height: 3px; --c--components--modal--background-color: var(--c--theme--colors--greyscale-000); @@ -130,11 +602,11 @@ --c--components--modal--border-radius: 4px; --c--components--modal--border-color: var(--c--theme--colors--greyscale-300); --c--components--modal--box-shadow: 0px 1px 2px 0px #0C1A2B4D; - --c--components--modal--color: var(--c--theme--colors--greyscale-900); - --c--components--modal--title-font-weight: var(--c--theme--font--weights--bold); - --c--components--modal--content-font-size: var(--c--theme--font--sizes--m); - --c--components--modal--content-font-weight: var(--c--theme--font--weights--regular); - --c--components--modal--content-color: var(--c--theme--colors--greyscale-800); + --c--components--modal--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--modal--title-font-weight: var(--c--globals--font--weights--bold); + --c--components--modal--content-font-size: var(--c--globals--font--sizes--sm); + --c--components--modal--content-font-weight: var(--c--globals--font--weights--regular); + --c--components--modal--content-color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--modal--width-small: 300px; --c--components--modal--width-medium: 600px; --c--components--modal--width-large: 800px; @@ -145,122 +617,137 @@ --c--components--forms-textarea--border-radius--hover: 2px; --c--components--forms-textarea--border-radius--focus: 2px; --c--components--forms-textarea--border-width: 1px; - --c--components--forms-textarea--border-color: var(--c--theme--colors--greyscale-300); - --c--components--forms-textarea--border-color--hover: var(--c--theme--colors--greyscale-500); - --c--components--forms-textarea--border-color--focus: var(--c--theme--colors--primary-600); + --c--components--forms-textarea--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-textarea--border-color--hover: var(--c--contextuals--border--semantic--neutral--secondary); + --c--components--forms-textarea--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-textarea--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); --c--components--forms-textarea--border-style: solid; - --c--components--forms-textarea--label-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-textarea--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-textarea--value-color: var(--c--theme--colors--greyscale-900); - --c--components--forms-textarea--value-color--disabled: var(--c--theme--colors--greyscale-800); - --c--components--forms-switch--accent-color: var(--c--theme--colors--success-700); - --c--components--forms-switch--rail-background-color: var(--c--theme--colors--greyscale-500); - --c--components--forms-switch--rail-background-color--disabled: var(--c--theme--colors--greyscale-400); + --c--components--forms-textarea--label-color--focus: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-textarea--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-textarea--value-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-textarea--value-color--disabled: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--forms-switch--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); + --c--components--forms-switch--rail-background-color: var(--c--contextuals--content--semantic--neutral--tertiary); + --c--components--forms-switch--rail-background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--forms-switch--rail-border-radius: 50vw; - --c--components--forms-switch--handle-background-color: white; - --c--components--forms-switch--handle-background-color--disabled: var(--c--theme--colors--greyscale-200); + --c--components--forms-switch--handle-background-color: var(--c--contextuals--content--semantic--contextual--primary); + --c--components--forms-switch--handle-background-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); --c--components--forms-switch--handle-border-radius: 50%; - --c--components--forms-select--border-color: var(--c--theme--colors--greyscale-300); - --c--components--forms-select--border-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-select--border-color--hover: var(--c--theme--colors--greyscale-500); + --c--components--forms-select--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-select--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-select--border-color--hover: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--forms-select--border-radius: 8px; --c--components--forms-select--border-radius--focus: 2px; --c--components--forms-select--border-radius--hover: 2px; --c--components--forms-select--border-style: solid; --c--components--forms-select--border-width: 1px; - --c--components--forms-select--value-color: var(--c--theme--colors--greyscale-900); - --c--components--forms-select--value-color--disabled: var(--c--theme--colors--greyscale-800); - --c--components--forms-select--font-size: var(--c--theme--font--sizes--l); + --c--components--forms-select--value-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-select--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); + --c--components--forms-select--font-size: var(--c--globals--font--sizes--md); --c--components--forms-select--height: 3.5rem; - --c--components--forms-select--item-background-color--hover: var(--c--theme--colors--greyscale-200); - --c--components--forms-select--item-background-color--selected: var(--c--theme--colors--primary-100); - --c--components--forms-select--item-color: var(--c--theme--colors--greyscale-800); - --c--components--forms-select--item-color--disabled: var(--c--theme--colors--greyscale-500); - --c--components--forms-select--item-font-size: var(--c--theme--font--sizes--l); - --c--components--forms-select--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-select--menu-background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-select--label-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-select--multi-pill-background-color: var(--c--theme--colors--greyscale-200); + --c--components--forms-select--item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); + --c--components--forms-select--item-background-color--selected: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--forms-select--item-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-select--item-color--disabled: var(--c--contextuals--content--semantic--disabled--secondary); + --c--components--forms-select--item-font-size: var(--c--globals--font--sizes--md); + --c--components--forms-select--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-select--menu-background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-select--label-color--focus: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-select--multi-pill-background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--forms-select--multi-pill-border-radius: 2px; --c--components--forms-select--multi-pill-max-width: 68%; - --c--components--forms-select--multi-pill-font-size: var(--c--theme--font--sizes--m); - --c--components--forms-radio--border-color: var(--c--theme--colors--greyscale-300); - --c--components--forms-radio--accent-color: var(--c--theme--colors--success-600); - --c--components--forms-radio--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-labelledbox--label-color--small: var(--c--theme--colors--greyscale-600); - --c--components--forms-labelledbox--label-color--big: var(--c--theme--colors--greyscale-900); - --c--components--forms-labelledbox--label-color--small--disabled: var(--c--theme--colors--greyscale-600); - --c--components--forms-labelledbox--label-color--big--disabled: var(--c--theme--colors--greyscale-600); - --c--components--forms-input--font-weight: var(--c--theme--font--weights--regular); - --c--components--forms-input--font-size: var(--c--theme--font--sizes--l); + --c--components--forms-select--multi-pill-font-size: var(--c--globals--font--sizes--md); + --c--components--forms-radio--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-radio--border-color--disabled: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-radio--accent-color: var(--c--contextuals--content--semantic--brand--tertiary); + --c--components--forms-radio--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-labelledbox--label-color--small: var(--c--contextuals--content--semantic--neutral--tertiary); + --c--components--forms-labelledbox--label-color--big: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-labelledbox--label-color--small--disabled: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--forms-labelledbox--label-color--big--disabled: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--forms-input--font-weight: var(--c--globals--font--weights--regular); + --c--components--forms-input--font-size: var(--c--globals--font--sizes--md); --c--components--forms-input--border-radius: 8px; --c--components--forms-input--border-radius--hover: 2px; --c--components--forms-input--border-radius--focus: 2px; --c--components--forms-input--border-width: 1px; - --c--components--forms-input--border-color: var(--c--theme--colors--greyscale-300); - --c--components--forms-input--border-color--hover: var(--c--theme--colors--greyscale-500); - --c--components--forms-input--border-color--focus: var(--c--theme--colors--primary-600); + --c--components--forms-input--border-width--hover: 1px; + --c--components--forms-input--border-width--focus: 1px; + --c--components--forms-input--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-input--border-color--hover: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-input--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); --c--components--forms-input--border-style: solid; - --c--components--forms-input--label-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-input--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-input--value-color: var(--c--theme--colors--greyscale-900); - --c--components--forms-input--value-color--disabled: var(--c--theme--colors--greyscale-800); - --c--components--forms-fileuploader--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-fileuploader--border-color: var(--c--theme--colors--greyscale-300); + --c--components--forms-input--placeholder-color: var(--c--contextuals--content--semantic--neutral--tertiary); + --c--components--forms-input--label-color: var(--c--contextuals--content--semantic--neutral--tertiary); + --c--components--forms-input--label-color--focus: var(--c--contextuals--content--semantic--brand--primary); + --c--components--forms-input--background-color: var(--c--contextuals--background--surface--secondary); + --c--components--forms-input--value-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-input--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); + --c--components--forms-fileuploader--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-fileuploader--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-fileuploader--border-radius: 0.5rem; --c--components--forms-fileuploader--border-width: 2px; --c--components--forms-fileuploader--border-style: dotted; - --c--components--forms-fileuploader--background-color--active: var(--c--theme--colors--primary-100); - --c--components--forms-fileuploader--color: var(--c--theme--colors--greyscale-900); + --c--components--forms-fileuploader--background-color--active: var(--c--contextuals--background--semantic--brand--tertiary); + --c--components--forms-fileuploader--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-fileuploader--color--success: var(--c--contextuals--content--semantic--success--tertiary); + --c--components--forms-fileuploader--color--error: var(--c--contextuals--content--semantic--error--tertiary); --c--components--forms-fileuploader--padding: 1rem; - --c--components--forms-fileuploader--accent-color: var(--c--theme--colors--primary-600); - --c--components--forms-fileuploader--text-color: var(--c--theme--colors--greyscale-600); + --c--components--forms-fileuploader--accent-color: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-fileuploader--text-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-fileuploader--text-size: 0.6875rem; --c--components--forms-fileuploader--file-text-size: 0.8125rem; - --c--components--forms-fileuploader--file-text-color: var(--c--theme--colors--greyscale-900); - --c--components--forms-fileuploader--file-text-weight: var(--c--theme--font--weights--light); - --c--components--forms-fileuploader--file-border-color: var(--c--theme--colors--greyscale-300); + --c--components--forms-fileuploader--file-text-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-fileuploader--file-text-weight: var(--c--globals--font--weights--light); + --c--components--forms-fileuploader--file-border-color: var(--c--contextuals--border--semantic--neutral--tertiary); --c--components--forms-fileuploader--file-border-width: 1px; --c--components--forms-fileuploader--file-border-radius: 0.5rem; --c--components--forms-fileuploader--file-background-color: var(--c--theme--colors--greyscale-000); --c--components--forms-fileuploader--file-specs-size: 0.6875rem; - --c--components--forms-fileuploader--file-specs-color: var(--c--theme--colors--greyscale-600); + --c--components--forms-fileuploader--file-specs-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-field--width: 292px; - --c--components--forms-field--font-size: var(--c--theme--font--sizes--s); - --c--components--forms-field--color: var(--c--theme--colors--greyscale-600); - --c--components--forms-datepicker--border-color: var(--c--theme--colors--greyscale-300); - --c--components--forms-datepicker--border-color--disabled: var(--c--theme--colors--greyscale-200); - --c--components--forms-datepicker--border-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-datepicker--border-color--hover: var(--c--theme--colors--greyscale-500); + --c--components--forms-field--font-size: var(--c--globals--font--sizes--s); + --c--components--forms-field--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--forms-field--color--error: var(--c--contextuals--content--semantic--error--secondary); + --c--components--forms-field--color--success: var(--c--contextuals--content--semantic--success--secondary); + --c--components--forms-field--color--disabled: var(--c--contextuals--content--semantic--disabled--primary); + --c--components--forms-datepicker--border-color: var(--c--contextuals--border--semantic--neutral--tertiary); + --c--components--forms-datepicker--border-color--disabled: var(--c--contextuals--border--semantic--disabled--primary); + --c--components--forms-datepicker--border-color--focus: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-datepicker--border-color--hover: var(--c--contextuals--border--semantic--neutral--secondary); --c--components--forms-datepicker--border-radius: 8px; --c--components--forms-datepicker--border-radius--focus: 2px; --c--components--forms-datepicker--border-radius--hover: 2px; --c--components--forms-datepicker--border-style: solid; --c--components--forms-datepicker--border-width: 1px; - --c--components--forms-datepicker--value-color: var(--c--theme--colors--greyscale-900); - --c--components--forms-datepicker--value-color--disabled: var(--c--theme--colors--greyscale-800); - --c--components--forms-datepicker--font-size: var(--c--theme--font--sizes--l); + --c--components--forms-datepicker--value-color: var(--c--contextuals--content--semantic--neutral--tertiary); + --c--components--forms-datepicker--value-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); + --c--components--forms-datepicker--font-size: var(--c--globals--font--sizes--lg); --c--components--forms-datepicker--height: 3.5rem; - --c--components--forms-datepicker--item-background-color--hover: var(--c--theme--colors--greyscale-200); - --c--components--forms-datepicker--item-background-color--selected: var(--c--theme--colors--primary-100); - --c--components--forms-datepicker--item-color: var(--c--theme--colors--greyscale-800); - --c--components--forms-datepicker--item-font-size: var(--c--theme--font--sizes--l); - --c--components--forms-datepicker--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-datepicker--menu-background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-datepicker--range-selection-background-color: var(--c--theme--colors--primary-100); - --c--components--forms-datepicker--range-selection-background-color--disabled: var(--c--theme--colors--greyscale-100); - --c--components--forms-datepicker--grid-cell--border-color--today: var(--c--theme--colors--primary-600); - --c--components--forms-datepicker--grid-cell--color--today: var(--c--theme--colors--primary-600); - --c--components--forms-datepicker--label-color--focus: var(--c--theme--colors--primary-600); - --c--components--forms-checkbox--background-color--hover: var(--c--theme--colors--greyscale-200); - --c--components--forms-checkbox--background-color: var(--c--theme--colors--greyscale-000); - --c--components--forms-checkbox--font-size: var(--c--theme--font--sizes--m); - --c--components--forms-checkbox--font-weight: var(--c--theme--font--weights--medium); - --c--components--forms-checkbox--color: var(--c--theme--colors--greyscale-900); - --c--components--forms-checkbox--border-color: var(--c--theme--colors--greyscale-300); + --c--components--forms-datepicker--item-background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); + --c--components--forms-datepicker--item-background-color--selected: var(--c--contextuals--background--semantic--brand--tertiary); + --c--components--forms-datepicker--item-color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-datepicker--item-font-size: var(--c--globals--font--sizes--md); + --c--components--forms-datepicker--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-datepicker--menu-background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-datepicker--range-selection-background-color: var(--c--contextuals--background--semantic--brand--tertiary); + --c--components--forms-datepicker--range-selection-background-color--disabled: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-datepicker--grid-cell--border-color--today: var(--c--contextuals--border--semantic--brand--primary); + --c--components--forms-datepicker--grid-cell--color--today: var(--c--contextuals--content--semantic--brand--primary); + --c--components--forms-datepicker--label-color--focus: var(--c--contextuals--border--semantic--brand--secondary); + --c--components--forms-checkbox--background-color--hover: var(--c--contextuals--background--semantic--neutral--tertiary-hover); + --c--components--forms-checkbox--background-color: var(--c--contextuals--background--surface--primary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--s); + --c--components--forms-checkbox--font-weight: var(--c--globals--font--weights--medium); + --c--components--forms-checkbox--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--forms-checkbox--border-color: var(--c--contextuals--content--semantic--neutral--tertiary); --c--components--forms-checkbox--border-radius: 2px; - --c--components--forms-checkbox--accent-color: var(--c--theme--colors--success-600); + --c--components--forms-checkbox--accent-color: var(--c--contextuals--content--semantic--contextual--primary); --c--components--forms-checkbox--size: 1.5rem; + --c--components--forms-checkbox--background-color--checked: var(--c--contextuals--content--semantic--brand--tertiary); + --c--components--forms-checkbox--background-color--indeterminate: var(--c--contextuals--content--semantic--brand--tertiary); + --c--components--forms-checkbox--background-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); + --c--components--forms-checkbox--border-color--disabled: var(--c--contextuals--content--semantic--disabled--primary); --c--components--button--border-radius: 8px; --c--components--button--border-radius--active: 2px; --c--components--button--border-radius--focus: 8px; @@ -270,66 +757,605 @@ --c--components--button--nano-height: 24px; --c--components--button--medium-font-size: var(--c--theme--font--sizes--l); --c--components--button--medium-icon-font-size: 1.5rem; - --c--components--button--small-font-size: var(--c--theme--font--sizes--m); - --c--components--button--small-icon-font-size: var(--c--theme--font--sizes--l); - --c--components--button--nano-font-size: var(--c--theme--font--sizes--m); - --c--components--button--nano-icon-font-size: var(--c--theme--font--sizes--l); - --c--components--button--font-weight: var(--c--theme--font--weights--regular); - --c--components--button--font-family: var(--c--theme--font--families--base); - --c--components--button--text-font-weight: var(--c--theme--font--weights--medium); - --c--components--alert--background-color: var(--c--theme--colors--greyscale-100); + --c--components--button--small-font-size: var(--c--globals--font--sizes--sm); + --c--components--button--small-icon-font-size: var(--c--globals--font--sizes--md); + --c--components--button--nano-font-size: var(--c--globals--font--sizes--sm); + --c--components--button--nano-icon-font-size: var(--c--globals--font--sizes--md); + --c--components--button--font-weight: var(--c--globals--font--weights--regular); + --c--components--button--font-family: var(--c--globals--font--families--base); + --c--components--button--text-font-weight: var(--c--globals--font--weights--medium); + --c--components--alert--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--alert--border-radius: 4px; - --c--components--alert--font-weight: var(--c--theme--font--weights--medium); - --c--components--alert--color: var(--c--theme--colors--greyscale-900); + --c--components--alert--border-color: var(--c--contextuals--border--semantic--neutral--primary); + --c--components--alert--border-left-color: var(--c--contextuals--border--semantic--neutral--primary); + --c--components--alert--font-weight: var(--c--globals--font--weights--medium); + --c--components--alert--color: var(--c--contextuals--content--semantic--neutral--primary); --c--components--alert--icon-size: 19px; - --c--components--alert--additional-font-weight: var(--c--theme--font--weights--regular); - --c--components--alert--additional-color: var(--c--theme--colors--greyscale-700); + --c--components--alert--additional-font-weight: var(--c--globals--font--weights--regular); + --c--components--alert--additional-color: var(--c--contextuals--content--semantic--neutral--primary); } .cunningham-theme--dark{ - --c--theme--colors--greyscale-100: #182536; - --c--theme--colors--greyscale-200: #303C4B; - --c--theme--colors--greyscale-300: #555F6B; - --c--theme--colors--greyscale-400: #79818A; - --c--theme--colors--greyscale-500: #9EA3AA; - --c--theme--colors--greyscale-600: #C2C6CA; - --c--theme--colors--greyscale-700: #E7E8EA; - --c--theme--colors--greyscale-800: #F3F4F4; - --c--theme--colors--greyscale-900: #FAFAFB; - --c--theme--colors--greyscale-000: #0C1A2B; - --c--theme--colors--primary-100: #3B4C62; - --c--theme--colors--primary-200: #4D6481; - --c--theme--colors--primary-300: #6381A6; - --c--theme--colors--primary-400: #7FA5D5; - --c--theme--colors--primary-500: #8CB5EA; - --c--theme--colors--primary-600: #A3C4EE; - --c--theme--colors--primary-700: #C3D8F4; - --c--theme--colors--primary-800: #DDE9F8; - --c--theme--colors--primary-900: #F4F8FD; - --c--theme--colors--success-100: #EEF8D7; - --c--theme--colors--success-200: #D9F1B2; - --c--theme--colors--success-300: #BDE985; - --c--theme--colors--success-400: #A0E25D; - --c--theme--colors--success-500: #76D628; - --c--theme--colors--success-600: #5BB520; - --c--theme--colors--success-700: #43941A; - --c--theme--colors--success-800: #307414; - --c--theme--colors--success-900: #225D10; - --c--theme--colors--warning-100: #F7F3D5; - --c--theme--colors--warning-200: #F0E5AA; - --c--theme--colors--warning-300: #E8D680; - --c--theme--colors--warning-400: #E3C95F; - --c--theme--colors--warning-500: #D9B32B; - --c--theme--colors--warning-600: #BD9721; - --c--theme--colors--warning-700: #9D7B1C; - --c--theme--colors--warning-800: #7E6016; - --c--theme--colors--warning-900: #684D12; - --c--theme--colors--danger-100: #F8D0D0; - --c--theme--colors--danger-200: #F09898; - --c--theme--colors--danger-300: #F09898; - --c--theme--colors--danger-400: #ED8585; - --c--theme--colors--danger-500: #E96666; - --c--theme--colors--danger-600: #DD6666; - --c--theme--colors--danger-700: #C36666; - --c--theme--colors--danger-800: #AE6666; - --c--theme--colors--danger-900: #9D6666; + --c--globals--colors--logo-1: #377FDB; + --c--globals--colors--logo-2: #377FDB; + --c--globals--colors--logo-1-dark: #95ABFF; + --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--brand-050: #EAF1FB; + --c--globals--colors--brand-100: #D5E4F7; + --c--globals--colors--brand-150: #C0D6F4; + --c--globals--colors--brand-200: #ABC9F0; + --c--globals--colors--brand-250: #96BCEC; + --c--globals--colors--brand-300: #80AEE8; + --c--globals--colors--brand-350: #6CA0E4; + --c--globals--colors--brand-400: #5693E0; + --c--globals--colors--brand-450: #4085DC; + --c--globals--colors--brand-500: #2976D8; + --c--globals--colors--brand-550: #1167D4; + --c--globals--colors--brand-600: #0659C5; + --c--globals--colors--brand-650: #1A509F; + --c--globals--colors--brand-700: #20467F; + --c--globals--colors--brand-750: #203C63; + --c--globals--colors--brand-800: #1D314C; + --c--globals--colors--brand-850: #1A2638; + --c--globals--colors--brand-900: #141C28; + --c--globals--colors--brand-950: #0C1117; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F7F8F8; + --c--globals--colors--gray-050: #F0F1F2; + --c--globals--colors--gray-100: #E1E2E5; + --c--globals--colors--gray-150: #D2D4D8; + --c--globals--colors--gray-200: #C4C7CB; + --c--globals--colors--gray-250: #B5B9BE; + --c--globals--colors--gray-300: #A7ACB2; + --c--globals--colors--gray-350: #999EA5; + --c--globals--colors--gray-400: #8D9197; + --c--globals--colors--gray-450: #80848A; + --c--globals--colors--gray-500: #74777C; + --c--globals--colors--gray-550: #686B6F; + --c--globals--colors--gray-600: #5C5F63; + --c--globals--colors--gray-650: #505356; + --c--globals--colors--gray-700: #45474A; + --c--globals--colors--gray-750: #3A3B3E; + --c--globals--colors--gray-800: #2F3033; + --c--globals--colors--gray-850: #252627; + --c--globals--colors--gray-900: #1B1C1D; + --c--globals--colors--gray-950: #101112; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #EAF1FB; + --c--globals--colors--info-100: #D5E4F7; + --c--globals--colors--info-150: #C0D6F4; + --c--globals--colors--info-200: #ABC9F0; + --c--globals--colors--info-250: #96BCEC; + --c--globals--colors--info-300: #80AEE8; + --c--globals--colors--info-350: #6CA0E4; + --c--globals--colors--info-400: #5693E0; + --c--globals--colors--info-450: #4085DC; + --c--globals--colors--info-500: #2976D8; + --c--globals--colors--info-550: #1167D4; + --c--globals--colors--info-600: #0659C5; + --c--globals--colors--info-650: #1A509F; + --c--globals--colors--info-700: #20467F; + --c--globals--colors--info-750: #203C63; + --c--globals--colors--info-800: #1D314C; + --c--globals--colors--info-850: #1A2638; + --c--globals--colors--info-900: #141C28; + --c--globals--colors--info-950: #0C1117; + --c--globals--colors--success-050: #E4F7D4; + --c--globals--colors--success-100: #C8EEA8; + --c--globals--colors--success-150: #AAE579; + --c--globals--colors--success-200: #89DC45; + --c--globals--colors--success-250: #72CF27; + --c--globals--colors--success-300: #6AC024; + --c--globals--colors--success-350: #61B121; + --c--globals--colors--success-400: #59A21E; + --c--globals--colors--success-450: #51941C; + --c--globals--colors--success-500: #4B851A; + --c--globals--colors--success-550: #427816; + --c--globals--colors--success-600: #3A6A14; + --c--globals--colors--success-650: #385C1F; + --c--globals--colors--success-700: #344D24; + --c--globals--colors--success-750: #2E4022; + --c--globals--colors--success-800: #27341F; + --c--globals--colors--success-850: #20281A; + --c--globals--colors--success-900: #181D15; + --c--globals--colors--success-950: #10120E; + --c--globals--colors--warning-050: #FFF1BD; + --c--globals--colors--warning-100: #FFE176; + --c--globals--colors--warning-150: #FFCF25; + --c--globals--colors--warning-200: #F4BF06; + --c--globals--colors--warning-250: #E3B205; + --c--globals--colors--warning-300: #D3A504; + --c--globals--colors--warning-350: #C29805; + --c--globals--colors--warning-400: #B28C03; + --c--globals--colors--warning-450: #A27F03; + --c--globals--colors--warning-500: #937303; + --c--globals--colors--warning-550: #836703; + --c--globals--colors--warning-600: #745B03; + --c--globals--colors--warning-650: #625019; + --c--globals--colors--warning-700: #524620; + --c--globals--colors--warning-750: #443B20; + --c--globals--colors--warning-800: #36301D; + --c--globals--colors--warning-850: #2A2619; + --c--globals--colors--warning-900: #1E1C13; + --c--globals--colors--warning-950: #12110C; + --c--globals--colors--error-050: #FCEDED; + --c--globals--colors--error-100: #FADBDB; + --c--globals--colors--error-150: #F7C9C9; + --c--globals--colors--error-200: #F5B7B7; + --c--globals--colors--error-250: #F2A4A4; + --c--globals--colors--error-300: #EF9191; + --c--globals--colors--error-350: #EC7D7D; + --c--globals--colors--error-400: #E96868; + --c--globals--colors--error-450: #E55050; + --c--globals--colors--error-500: #E13131; + --c--globals--colors--error-550: #D80000; + --c--globals--colors--error-600: #C00101; + --c--globals--colors--error-650: #9E2219; + --c--globals--colors--error-700: #802820; + --c--globals--colors--error-750: #662820; + --c--globals--colors--error-800: #4F231E; + --c--globals--colors--error-850: #3B1D19; + --c--globals--colors--error-900: #2A1614; + --c--globals--colors--error-950: #1A0E0C; + --c--globals--colors--red-050: #FDEDED; + --c--globals--colors--red-100: #FADBDB; + --c--globals--colors--red-150: #F8C9C9; + --c--globals--colors--red-200: #F5B7B6; + --c--globals--colors--red-250: #F3A4A3; + --c--globals--colors--red-300: #F09190; + --c--globals--colors--red-350: #EE7C7B; + --c--globals--colors--red-400: #EB6665; + --c--globals--colors--red-450: #E74E4D; + --c--globals--colors--red-500: #D83F3D; + --c--globals--colors--red-550: #C23837; + --c--globals--colors--red-600: #AC3231; + --c--globals--colors--red-650: #8D3531; + --c--globals--colors--red-700: #73332F; + --c--globals--colors--red-750: #5B2F2B; + --c--globals--colors--red-800: #472826; + --c--globals--colors--red-850: #35211F; + --c--globals--colors--red-900: #251817; + --c--globals--colors--red-950: #160F0E; + --c--globals--colors--orange-050: #FDEEE2; + --c--globals--colors--orange-100: #FCDDC5; + --c--globals--colors--orange-150: #FACBA8; + --c--globals--colors--orange-200: #F8B98B; + --c--globals--colors--orange-250: #F6A76A; + --c--globals--colors--orange-300: #F4934B; + --c--globals--colors--orange-350: #F27E27; + --c--globals--colors--orange-400: #E76E12; + --c--globals--colors--orange-450: #D26411; + --c--globals--colors--orange-500: #BE5B0F; + --c--globals--colors--orange-550: #AA510E; + --c--globals--colors--orange-600: #97480C; + --c--globals--colors--orange-650: #7E431D; + --c--globals--colors--orange-700: #673C22; + --c--globals--colors--orange-750: #533422; + --c--globals--colors--orange-800: #412C1F; + --c--globals--colors--orange-850: #31231B; + --c--globals--colors--orange-900: #221A14; + --c--globals--colors--orange-950: #15100C; + --c--globals--colors--brown-050: #F3F0EF; + --c--globals--colors--brown-100: #E7E1DF; + --c--globals--colors--brown-150: #DCD2CF; + --c--globals--colors--brown-200: #D0C4BF; + --c--globals--colors--brown-250: #C5B6B0; + --c--globals--colors--brown-300: #BAA7A1; + --c--globals--colors--brown-350: #AF9992; + --c--globals--colors--brown-400: #A48B83; + --c--globals--colors--brown-450: #997E74; + --c--globals--colors--brown-500: #8F7065; + --c--globals--colors--brown-550: #846357; + --c--globals--colors--brown-600: #7A5649; + --c--globals--colors--brown-650: #684C42; + --c--globals--colors--brown-700: #57423C; + --c--globals--colors--brown-750: #463833; + --c--globals--colors--brown-800: #382E2A; + --c--globals--colors--brown-850: #2B2422; + --c--globals--colors--brown-900: #1F1B19; + --c--globals--colors--brown-950: #121010; + --c--globals--colors--yellow-050: #FAF0D3; + --c--globals--colors--yellow-100: #F5E2A4; + --c--globals--colors--yellow-150: #F0D275; + --c--globals--colors--yellow-200: #EBC242; + --c--globals--colors--yellow-250: #E4B213; + --c--globals--colors--yellow-300: #D4A511; + --c--globals--colors--yellow-350: #C39810; + --c--globals--colors--yellow-400: #B38B0F; + --c--globals--colors--yellow-450: #A37F0D; + --c--globals--colors--yellow-500: #93730C; + --c--globals--colors--yellow-550: #84670B; + --c--globals--colors--yellow-600: #755B0A; + --c--globals--colors--yellow-650: #63501C; + --c--globals--colors--yellow-700: #534521; + --c--globals--colors--yellow-750: #443A21; + --c--globals--colors--yellow-800: #36301F; + --c--globals--colors--yellow-850: #29261A; + --c--globals--colors--yellow-900: #1D1C14; + --c--globals--colors--yellow-950: #12110C; + --c--globals--colors--green-050: #E2F6E5; + --c--globals--colors--green-100: #C5ECCA; + --c--globals--colors--green-150: #A7E3AF; + --c--globals--colors--green-200: #89D894; + --c--globals--colors--green-250: #67CE75; + --c--globals--colors--green-300: #4DC25D; + --c--globals--colors--green-350: #48B257; + --c--globals--colors--green-400: #41A44F; + --c--globals--colors--green-450: #3B9548; + --c--globals--colors--green-500: #368741; + --c--globals--colors--green-550: #30793A; + --c--globals--colors--green-600: #2B6B33; + --c--globals--colors--green-650: #2F5C34; + --c--globals--colors--green-700: #2E4E31; + --c--globals--colors--green-750: #2A412C; + --c--globals--colors--green-800: #253426; + --c--globals--colors--green-850: #1E281F; + --c--globals--colors--green-900: #171D17; + --c--globals--colors--green-950: #0F120F; + --c--globals--colors--blue-1-050: #EBF1FF; + --c--globals--colors--blue-1-100: #D6E3FE; + --c--globals--colors--blue-1-150: #C2D5FE; + --c--globals--colors--blue-1-200: #ADC7FE; + --c--globals--colors--blue-1-250: #99B8FD; + --c--globals--colors--blue-1-300: #84AAFD; + --c--globals--colors--blue-1-350: #6F9BFD; + --c--globals--colors--blue-1-400: #5A8DFB; + --c--globals--colors--blue-1-450: #437DFC; + --c--globals--colors--blue-1-500: #3D71E4; + --c--globals--colors--blue-1-550: #3665CC; + --c--globals--colors--blue-1-600: #305AB5; + --c--globals--colors--blue-1-650: #315093; + --c--globals--colors--blue-1-700: #2E4675; + --c--globals--colors--blue-1-750: #293B5E; + --c--globals--colors--blue-1-800: #243048; + --c--globals--colors--blue-1-850: #1E2635; + --c--globals--colors--blue-1-900: #171C25; + --c--globals--colors--blue-1-950: #0E1116; + --c--globals--colors--blue-2-050: #E2F4F9; + --c--globals--colors--blue-2-100: #C5E9F3; + --c--globals--colors--blue-2-150: #A7DDED; + --c--globals--colors--blue-2-200: #88D1E6; + --c--globals--colors--blue-2-250: #68C5E0; + --c--globals--colors--blue-2-300: #48B8D9; + --c--globals--colors--blue-2-350: #3BAACA; + --c--globals--colors--blue-2-400: #359CB9; + --c--globals--colors--blue-2-450: #318EA9; + --c--globals--colors--blue-2-500: #2C8199; + --c--globals--colors--blue-2-550: #277389; + --c--globals--colors--blue-2-600: #236679; + --c--globals--colors--blue-2-650: #2A5866; + --c--globals--colors--blue-2-700: #2A4B55; + --c--globals--colors--blue-2-750: #283F47; + --c--globals--colors--blue-2-800: #233337; + --c--globals--colors--blue-2-850: #1D272A; + --c--globals--colors--blue-2-900: #161C1E; + --c--globals--colors--blue-2-950: #0E1112; + --c--globals--colors--purple-050: #F6EEFF; + --c--globals--colors--purple-100: #ECDCFF; + --c--globals--colors--purple-150: #E3CBFE; + --c--globals--colors--purple-200: #DAB9FE; + --c--globals--colors--purple-250: #D0A7FE; + --c--globals--colors--purple-300: #C795FE; + --c--globals--colors--purple-350: #BD83FD; + --c--globals--colors--purple-400: #B36FFD; + --c--globals--colors--purple-450: #A85BFD; + --c--globals--colors--purple-500: #9B4BF3; + --c--globals--colors--purple-550: #8B43DA; + --c--globals--colors--purple-600: #7B3CC1; + --c--globals--colors--purple-650: #673C9B; + --c--globals--colors--purple-700: #56387D; + --c--globals--colors--purple-750: #463162; + --c--globals--colors--purple-800: #382A4A; + --c--globals--colors--purple-850: #2A2237; + --c--globals--colors--purple-900: #1E1926; + --c--globals--colors--purple-950: #121017; + --c--globals--colors--pink-050: #FCEDF5; + --c--globals--colors--pink-100: #F9DAEA; + --c--globals--colors--pink-150: #F7C7E0; + --c--globals--colors--pink-200: #F4B4D5; + --c--globals--colors--pink-250: #F1A1CA; + --c--globals--colors--pink-300: #EE8CBF; + --c--globals--colors--pink-350: #EA77B3; + --c--globals--colors--pink-400: #E760A6; + --c--globals--colors--pink-450: #E24797; + --c--globals--colors--pink-500: #CD4089; + --c--globals--colors--pink-550: #B8397B; + --c--globals--colors--pink-600: #A3336D; + --c--globals--colors--pink-650: #86355E; + --c--globals--colors--pink-700: #6E334F; + --c--globals--colors--pink-750: #582E42; + --c--globals--colors--pink-800: #442834; + --c--globals--colors--pink-850: #332028; + --c--globals--colors--pink-900: #24181D; + --c--globals--colors--pink-950: #160F12; + --c--globals--colors--black-000: #00000000; + --c--globals--colors--black-050: #0000000D; + --c--globals--colors--black-100: #0000001A; + --c--globals--colors--black-150: #00000026; + --c--globals--colors--black-200: #00000033; + --c--globals--colors--black-250: #00000040; + --c--globals--colors--black-300: #0000004D; + --c--globals--colors--black-350: #00000059; + --c--globals--colors--black-400: #00000066; + --c--globals--colors--black-450: #00000073; + --c--globals--colors--black-500: #00000080; + --c--globals--colors--black-550: #0000008C; + --c--globals--colors--black-600: #00000099; + --c--globals--colors--black-650: #000000A6; + --c--globals--colors--black-700: #000000B3; + --c--globals--colors--black-750: #000000BF; + --c--globals--colors--black-800: #000000CC; + --c--globals--colors--black-850: #000000D9; + --c--globals--colors--black-900: #000000E6; + --c--globals--colors--black-950: #000000F2; + --c--globals--colors--white-000: #FFFFFF; + --c--globals--colors--white-050: #FFFFFF0D; + --c--globals--colors--white-100: #FFFFFF1A; + --c--globals--colors--white-150: #FFFFFF26; + --c--globals--colors--white-200: #FFFFFF33; + --c--globals--colors--white-250: #FFFFFF40; + --c--globals--colors--white-300: #FFFFFF4D; + --c--globals--colors--white-350: #FFFFFF59; + --c--globals--colors--white-400: #FFFFFF66; + --c--globals--colors--white-450: #FFFFFF73; + --c--globals--colors--white-500: #FFFFFF80; + --c--globals--colors--white-550: #FFFFFF8C; + --c--globals--colors--white-600: #FFFFFF99; + --c--globals--colors--white-650: #FFFFFFA6; + --c--globals--colors--white-700: #FFFFFFB3; + --c--globals--colors--white-750: #FFFFFFBF; + --c--globals--colors--white-800: #FFFFFFCC; + --c--globals--colors--white-850: #FFFFFFD9; + --c--globals--colors--white-900: #FFFFFFE6; + --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); + --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); + --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); + --c--globals--transitions--duration: 250ms; + --c--globals--font--sizes--xs: 0.75rem; + --c--globals--font--sizes--sm: 0.875rem; + --c--globals--font--sizes--md: 1rem; + --c--globals--font--sizes--lg: 1.125rem; + --c--globals--font--sizes--ml: 0.938rem; + --c--globals--font--sizes--xl: 1.25rem; + --c--globals--font--sizes--t: 0.6875rem; + --c--globals--font--sizes--s: 0.75rem; + --c--globals--font--sizes--h1: 2rem; + --c--globals--font--sizes--h2: 1.75rem; + --c--globals--font--sizes--h3: 1.5rem; + --c--globals--font--sizes--h4: 1.375rem; + --c--globals--font--sizes--h5: 1.25rem; + --c--globals--font--sizes--h6: 1.125rem; + --c--globals--font--sizes--xl-alt: 5rem; + --c--globals--font--sizes--lg-alt: 4.5rem; + --c--globals--font--sizes--md-alt: 4rem; + --c--globals--font--sizes--sm-alt: 3.5rem; + --c--globals--font--sizes--xs-alt: 3rem; + --c--globals--font--weights--thin: 200; + --c--globals--font--weights--light: 300; + --c--globals--font--weights--regular: 400; + --c--globals--font--weights--medium: 500; + --c--globals--font--weights--bold: 600; + --c--globals--font--weights--extrabold: 700; + --c--globals--font--weights--black: 800; + --c--globals--font--families--base: "Roboto Flex Variable", sans-serif; + --c--globals--font--families--accent: "Roboto Flex Variable", sans-serif; + --c--globals--spacings--l: 3rem; + --c--globals--spacings--b: 1.625rem; + --c--globals--spacings--m: 0.8125rem; + --c--globals--spacings--s: 1rem; + --c--globals--spacings--t: 0.5rem; + --c--globals--spacings--st: 0.25rem; + --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--xxxs: 0.25rem; + --c--globals--spacings--xxs: 0.375rem; + --c--globals--spacings--xs: 0.5rem; + --c--globals--spacings--sm: 0.75rem; + --c--globals--spacings--base: 1rem; + --c--globals--spacings--md: 1.5rem; + --c--globals--spacings--lg: 2rem; + --c--globals--spacings--xl: 2.5rem; + --c--globals--spacings--xxl: 3rem; + --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--4xl: 4rem; + --c--globals--spacings--5xl: 4.5rem; + --c--globals--spacings--6xl: 6rem; + --c--globals--spacings--7xl: 7.5rem; + --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--sm: 576px; + --c--globals--breakpoints--md: 768px; + --c--globals--breakpoints--lg: 992px; + --c--globals--breakpoints--xl: 1200px; + --c--globals--breakpoints--xxl: 1400px; + --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); + --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); + --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); + --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); + --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); + --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); + --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); + --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); + --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); + --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); + --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); + --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); + --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); + --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); + --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); + --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); + --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); + --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); + --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); + --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); + --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); + --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); + --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); + --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); + --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); + --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); + --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); + --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); + --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); + --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); + --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); + --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); + --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); + --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); + --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); + --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); + --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); + --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); + --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); + --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); + --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); + --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); + --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); + --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); + --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); + --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); + --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); + --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); + --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); + --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); + --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); + --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); + --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); + --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); + --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); + --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); + --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); + --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); + --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); + --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); + --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); + --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); + --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); + --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); + --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); + --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); + --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-350); + --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-450); + --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-550); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-350); + --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-450); + --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-550); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-350); + --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-450); + --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-550); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-350); + --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-450); + --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-550); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-350); + --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-450); + --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-350); + --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-450); + --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-550); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); + --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); + --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); + --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); + --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-350); + --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-450); + --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-550); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-350); + --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-450); + --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-550); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-350); + --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-450); + --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); + --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); + --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); + --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); + --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); + --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); + --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); + --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); + --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); + --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); + --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); + --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); + --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); + --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); + --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); + --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); + --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); + --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); + --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-350); + --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-450); + --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-550); + --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-350); + --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-450); + --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-550); + --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-350); + --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-450); + --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-550); + --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-350); + --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-450); + --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-550); + --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-350); + --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-450); + --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); + --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-350); + --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-450); + --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-550); + --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); + --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); + --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); + --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); + --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); + --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); + --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-350); + --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-450); + --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-550); + --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-350); + --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-450); + --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-550); + --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-350); + --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-450); + --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-550); } diff --git a/packages/react/src/cunningham-tokens.js b/packages/react/src/cunningham-tokens.js index 0462ea8..acc80a5 100644 --- a/packages/react/src/cunningham-tokens.js +++ b/packages/react/src/cunningham-tokens.js @@ -1 +1 @@ -export const tokens = {"themes":{"default":{"theme":{"colors":{"secondary-text":"#555F6B","secondary-100":"#F2F7FC","secondary-200":"#EBF3FA","secondary-300":"#E2EEF8","secondary-400":"#DDEAF7","secondary-500":"#D4E5F5","secondary-600":"#C1D0DF","secondary-700":"#97A3AE","secondary-800":"#757E87","secondary-900":"#596067","info-text":"#FFFFFF","info-100":"#EBF2FC","info-200":"#8CB5EA","info-300":"#5894E1","info-400":"#377FDB","info-500":"#055FD2","info-600":"#0556BF","info-700":"#044395","info-800":"#033474","info-900":"#022858","greyscale-100":"#FAFAFB","greyscale-200":"#F3F4F4","greyscale-300":"#E7E8EA","greyscale-400":"#C2C6CA","greyscale-500":"#9EA3AA","greyscale-600":"#79818A","greyscale-700":"#555F6B","greyscale-800":"#303C4B","greyscale-900":"#0C1A2B","greyscale-000":"#FFFFFF","primary-100":"#EBF2FC","primary-200":"#8CB5EA","primary-300":"#5894E1","primary-400":"#377FDB","primary-500":"#055FD2","primary-600":"#0556BF","primary-700":"#044395","primary-800":"#033474","primary-900":"#022858","success-100":"#EFFCD3","success-200":"#DBFAA9","success-300":"#BEF27C","success-400":"#A0E659","success-500":"#76D628","success-600":"#5AB81D","success-700":"#419A14","success-800":"#2C7C0C","success-900":"#1D6607","warning-100":"#FFF8CD","warning-200":"#FFEF9B","warning-300":"#FFE469","warning-400":"#FFDA43","warning-500":"#FFC805","warning-600":"#DBA603","warning-700":"#B78702","warning-800":"#936901","warning-900":"#7A5400","danger-100":"#F4B0B0","danger-200":"#EE8A8A","danger-300":"#E65454","danger-400":"#E13333","danger-500":"#DA0000","danger-600":"#C60000","danger-700":"#9B0000","danger-800":"#780000","danger-900":"#5C0000","primary-text":"#FFFFFF","success-text":"#FFFFFF","warning-text":"#FFFFFF","danger-text":"#FFFFFF"},"font":{"sizes":{"h1":"1.75rem","h2":"1.375rem","h3":"1.125rem","h4":"0.8125rem","h5":"0.625rem","h6":"0.5rem","l":"1rem","m":"0.8125rem","s":"0.6875rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"},"letterSpacings":{"h1":"normal","h2":"normal","h3":"normal","h4":"normal","h5":"1px","h6":"normal","l":"normal","m":"normal","s":"normal"}},"spacings":{"xl":"4rem","l":"3rem","b":"1.625rem","s":"1rem","t":"0.5rem","st":"0.25rem"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"components":{"tooltip":{"border-radius":"0.5rem","background-color":"#0C1A2B","color":"#FFFFFF","font-size":"0.6875rem","padding":"1rem","max-width":"150px"},"toast":{"slide-in-duration":"1000ms","slide-out-duration":"300ms","background-color":"#FAFAFB","color":"#0C1A2B","font-weight":400,"icon-size":"19px","progress-bar-height":"3px"},"modal":{"background-color":"#FFFFFF","backdrop-color":"#0C1A2B99","border-radius":"4px","border-color":"#E7E8EA","box-shadow":"0px 1px 2px 0px #0C1A2B4D","color":"#0C1A2B","title-font-weight":600,"content-font-size":"0.8125rem","content-font-weight":400,"content-color":"#303C4B","width-small":"300px","width-medium":"600px","width-large":"800px","width-extra-large":"75%"},"forms-textarea":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#E7E8EA","border-color--hover":"#9EA3AA","border-color--focus":"#0556BF","border-style":"solid","label-color--focus":"#0556BF","background-color":"#FFFFFF","value-color":"#0C1A2B","value-color--disabled":"#303C4B"},"forms-switch":{"accent-color":"#419A14","rail-background-color":"#9EA3AA","rail-background-color--disabled":"#C2C6CA","rail-border-radius":"50vw","handle-background-color":"white","handle-background-color--disabled":"#F3F4F4","handle-border-radius":"50%"},"forms-select":{"border-color":"#E7E8EA","border-color--focus":"#0556BF","border-color--hover":"#9EA3AA","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#0C1A2B","value-color--disabled":"#303C4B","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#F3F4F4","item-background-color--selected":"#EBF2FC","item-color":"#303C4B","item-color--disabled":"#9EA3AA","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","label-color--focus":"#0556BF","multi-pill-background-color":"#F3F4F4","multi-pill-border-radius":"2px","multi-pill-max-width":"68%","multi-pill-font-size":"0.8125rem"},"forms-radio":{"border-color":"#E7E8EA","accent-color":"#5AB81D","background-color":"#FFFFFF"},"forms-labelledbox":{"label-color--small":"#79818A","label-color--big":"#0C1A2B","label-color--small--disabled":"#79818A","label-color--big--disabled":"#79818A"},"forms-input":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#E7E8EA","border-color--hover":"#9EA3AA","border-color--focus":"#0556BF","border-style":"solid","label-color--focus":"#0556BF","background-color":"#FFFFFF","value-color":"#0C1A2B","value-color--disabled":"#303C4B"},"forms-fileuploader":{"background-color":"#FFFFFF","border-color":"#E7E8EA","border-radius":"0.5rem","border-width":"2px","border-style":"dotted","background-color--active":"#EBF2FC","color":"#0C1A2B","padding":"1rem","accent-color":"#0556BF","text-color":"#79818A","text-size":"0.6875rem","file-text-size":"0.8125rem","file-text-color":"#0C1A2B","file-text-weight":300,"file-border-color":"#E7E8EA","file-border-width":"1px","file-border-radius":"0.5rem","file-background-color":"#FFFFFF","file-specs-size":"0.6875rem","file-specs-color":"#79818A"},"forms-field":{"width":"292px","font-size":"0.6875rem","color":"#79818A"},"forms-datepicker":{"border-color":"#E7E8EA","border-color--disabled":"#F3F4F4","border-color--focus":"#0556BF","border-color--hover":"#9EA3AA","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#0C1A2B","value-color--disabled":"#303C4B","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#F3F4F4","item-background-color--selected":"#EBF2FC","item-color":"#303C4B","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","range-selection-background-color":"#EBF2FC","range-selection-background-color--disabled":"#FAFAFB","grid-cell--border-color--today":"#0556BF","grid-cell--color--today":"#0556BF","label-color--focus":"#0556BF"},"forms-checkbox":{"background-color--hover":"#F3F4F4","background-color":"#FFFFFF","font-size":"0.8125rem","font-weight":500,"color":"#0C1A2B","border-color":"#E7E8EA","border-radius":"2px","accent-color":"#5AB81D","size":"1.5rem"},"button":{"border-radius":"8px","border-radius--active":"2px","border-radius--focus":"8px","medium-text-height":"36px","medium-height":"48px","small-height":"32px","nano-height":"24px","medium-font-size":"1rem","medium-icon-font-size":"1.5rem","small-font-size":"0.8125rem","small-icon-font-size":"1rem","nano-font-size":"0.8125rem","nano-icon-font-size":"1rem","font-weight":400,"font-family":"\"Roboto Flex Variable\", sans-serif","text-font-weight":500},"alert":{"background-color":"#FAFAFB","border-radius":"4px","font-weight":500,"color":"#0C1A2B","icon-size":"19px","additional-font-weight":400,"additional-color":"#555F6B"}}},"dark":{"theme":{"colors":{"greyscale-100":"#182536","greyscale-200":"#303C4B","greyscale-300":"#555F6B","greyscale-400":"#79818A","greyscale-500":"#9EA3AA","greyscale-600":"#C2C6CA","greyscale-700":"#E7E8EA","greyscale-800":"#F3F4F4","greyscale-900":"#FAFAFB","greyscale-000":"#0C1A2B","primary-100":"#3B4C62","primary-200":"#4D6481","primary-300":"#6381A6","primary-400":"#7FA5D5","primary-500":"#8CB5EA","primary-600":"#A3C4EE","primary-700":"#C3D8F4","primary-800":"#DDE9F8","primary-900":"#F4F8FD","success-100":"#EEF8D7","success-200":"#D9F1B2","success-300":"#BDE985","success-400":"#A0E25D","success-500":"#76D628","success-600":"#5BB520","success-700":"#43941A","success-800":"#307414","success-900":"#225D10","warning-100":"#F7F3D5","warning-200":"#F0E5AA","warning-300":"#E8D680","warning-400":"#E3C95F","warning-500":"#D9B32B","warning-600":"#BD9721","warning-700":"#9D7B1C","warning-800":"#7E6016","warning-900":"#684D12","danger-100":"#F8D0D0","danger-200":"#F09898","danger-300":"#F09898","danger-400":"#ED8585","danger-500":"#E96666","danger-600":"#DD6666","danger-700":"#C36666","danger-800":"#AE6666","danger-900":"#9D6666"}}}}}; +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#74777C","on-neutral":"#F0F1F2"},"contextual":{"primary":"#FFFFFFF2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#4B851A","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#937303","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#E13131","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"contextual":{"primary":"#FFFFFF33"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}}},"components":{"tooltip":{"border-radius":"0.5rem","background-color":"#E1E2E5","border-color":"#D2D4D8","color":"#5C5F63","font-size":"0.75rem","padding":"1rem","max-width":"150px"},"toast":{"slide-in-duration":"1000ms","slide-out-duration":"300ms","background-color":"#F0F1F2","color":"#252627","font-weight":400,"icon-size":"19px","progress-bar-height":"3px"},"modal":{"background-color":"#FFFFFF","backdrop-color":"#00000099","border-radius":"4px","border-color":"#E1E2E5","box-shadow":"0px 1px 2px 0px #0C1A2B4D","color":"#252627","title-font-weight":600,"content-font-size":"0.875rem","content-font-weight":400,"content-color":"#252627","width-small":"300px","width-medium":"600px","width-large":"800px","width-extra-large":"75%"},"forms-textarea":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#D2D4D8","border-color--hover":"#A7ACB2","border-color--focus":"#1167D4","border-color--disabled":"#E1E2E5","border-style":"solid","label-color--focus":"#1167D4","background-color":"#FFFFFF","value-color":"#252627","value-color--disabled":"#5C5F63"},"forms-switch":{"accent-color":"#2976D8","rail-background-color":"#74777C","rail-background-color--disabled":"#A7ACB2","rail-border-radius":"50vw","handle-background-color":"#FFFFFFF2","handle-background-color--disabled":"#FFFFFF80","handle-border-radius":"50%"},"forms-select":{"border-color":"#D2D4D8","border-color--focus":"#1167D4","border-color--hover":"#A7ACB2","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#252627","value-color--disabled":"#A7ACB2","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#E1E2E5","item-background-color--selected":"#D5E4F7","item-color":"#252627","item-color--disabled":"#FFFFFF80","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","label-color--focus":"#1167D4","multi-pill-background-color":"#F0F1F2","multi-pill-border-radius":"2px","multi-pill-max-width":"68%","multi-pill-font-size":"1rem"},"forms-radio":{"border-color":"#D2D4D8","border-color--disabled":"#D2D4D8","accent-color":"#2976D8","background-color":"#FFFFFF"},"forms-labelledbox":{"label-color--small":"#74777C","label-color--big":"#252627","label-color--small--disabled":"#5C5F63","label-color--big--disabled":"#5C5F63"},"forms-input":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"4px","border-radius--focus":"4px","border-width":"1px","border-width--hover":"1px","border-width--focus":"1px","border-color":"#D2D4D8","border-color--hover":"#D2D4D8","border-color--focus":"#1167D4","border-style":"solid","placeholder-color":"#74777C","label-color":"#74777C","label-color--focus":"#20467F","background-color":"#FFFFFF","value-color":"#252627","value-color--disabled":"#A7ACB2"},"forms-fileuploader":{"background-color":"#FFFFFF","border-color":"#D2D4D8","border-radius":"0.5rem","border-width":"2px","border-style":"dotted","background-color--active":"#EAF1FB","color":"#252627","color--success":"#4B851A","color--error":"#E13131","padding":"1rem","accent-color":"#1167D4","text-color":"#74777C","text-size":"0.6875rem","file-text-size":"0.8125rem","file-text-color":"#252627","file-text-weight":300,"file-border-color":"#D2D4D8","file-border-width":"1px","file-border-radius":"0.5rem","file-background-color":"#FFFFFF","file-specs-size":"0.6875rem","file-specs-color":"#74777C"},"forms-field":{"width":"292px","font-size":"0.75rem","color":"#5C5F63","color--error":"#C00101","color--success":"#3A6A14","color--disabled":"#A7ACB2"},"forms-datepicker":{"border-color":"#D2D4D8","border-color--disabled":"#E1E2E5","border-color--focus":"#1167D4","border-color--hover":"#A7ACB2","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#74777C","value-color--disabled":"#A7ACB2","font-size":"1.125rem","height":"3.5rem","item-background-color--hover":"#E1E2E5","item-background-color--selected":"#EAF1FB","item-color":"#252627","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","range-selection-background-color":"#EAF1FB","range-selection-background-color--disabled":"#F0F1F2","grid-cell--border-color--today":"#1167D4","grid-cell--color--today":"#20467F","label-color--focus":"#80AEE8"},"forms-checkbox":{"background-color--hover":"#E1E2E5","background-color":"#FFFFFF","font-size":"0.75rem","font-weight":500,"color":"#252627","border-color":"#74777C","border-radius":"2px","accent-color":"#FFFFFFF2","size":"1.5rem","background-color--checked":"#2976D8","background-color--indeterminate":"#2976D8","background-color--disabled":"#A7ACB2","border-color--disabled":"#A7ACB2"},"button":{"border-radius":"8px","border-radius--active":"2px","border-radius--focus":"4px","medium-text-height":"36px","medium-height":"48px","small-height":"32px","nano-height":"24px","medium-font-size":"1rem","medium-icon-font-size":"1.5rem","small-font-size":"0.875rem","small-icon-font-size":"1rem","nano-font-size":"0.875rem","nano-icon-font-size":"1rem","font-weight":400,"font-family":"\"Roboto Flex Variable\", sans-serif","text-font-weight":500},"alert":{"background-color":"#F0F1F2","border-radius":"4px","border-color":"#686B6F","border-left-color":"#686B6F","font-weight":500,"color":"#252627","icon-size":"19px","additional-font-weight":400,"additional-color":"#252627"}}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}}}}; diff --git a/packages/react/src/cunningham-tokens.scss b/packages/react/src/cunningham-tokens.scss index 387c3a0..ac84f42 100644 --- a/packages/react/src/cunningham-tokens.scss +++ b/packages/react/src/cunningham-tokens.scss @@ -133,6 +133,339 @@ $themes: ( 'xxl': 1400px ) ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #FFFFFF, + 'secondary': #FFFFFF, + 'tertiary': #F7F8F8 + ), + 'semantic': ( + 'brand': ( + 'primary': #1167D4, + 'primary-hover': #1A509F, + 'secondary': #D5E4F7, + 'secondary-hover': #C0D6F4, + 'tertiary': #EAF1FB, + 'tertiary-hover': #D5E4F7 + ), + 'neutral': ( + 'primary': #686B6F, + 'primary-hover': #505356, + 'secondary': #E1E2E5, + 'secondary-hover': #D2D4D8, + 'tertiary': #F0F1F2, + 'tertiary-hover': #E1E2E5 + ), + 'contextual': ( + 'primary': #0000000D, + 'primary-hover': #0000001A + ), + 'info': ( + 'primary': #1167D4, + 'primary-hover': #1A509F, + 'secondary': #D5E4F7, + 'secondary-hover': #C0D6F4, + 'tertiary': #EAF1FB, + 'tertiary-hover': #D5E4F7 + ), + 'success': ( + 'primary': #427816, + 'primary-hover': #385C1F, + 'secondary': #C8EEA8, + 'secondary-hover': #AAE579, + 'tertiary': #E4F7D4, + 'tertiary-hover': #C8EEA8 + ), + 'warning': ( + 'primary': #836703, + 'primary-hover': #625019, + 'secondary': #FFE176, + 'secondary-hover': #FFCF25, + 'tertiary': #FFF1BD, + 'tertiary-hover': #FFE176 + ), + 'error': ( + 'primary': #D80000, + 'primary-hover': #9E2219, + 'secondary': #FADBDB, + 'secondary-hover': #F7C9C9, + 'tertiary': #FCEDED, + 'tertiary-hover': #FADBDB + ), + 'disabled': ( + 'primary': #E1E2E5, + 'secondary': #F0F1F2 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #2976D8, + 'secondary': #6CA0E4, + 'tertiary': #C0D6F4 + ), + 'red': ( + 'primary': #D83F3D, + 'secondary': #EE7C7B, + 'tertiary': #F8C9C9 + ), + 'orange': ( + 'primary': #BE5B0F, + 'secondary': #F27E27, + 'tertiary': #FACBA8 + ), + 'brown': ( + 'primary': #8F7065, + 'secondary': #AF9992, + 'tertiary': #DCD2CF + ), + 'yellow': ( + 'primary': #93730C, + 'secondary': #C39810, + 'tertiary': #F0D275 + ), + 'green': ( + 'primary': #368741, + 'secondary': #48B257, + 'tertiary': #A7E3AF + ), + 'blue-1': ( + 'primary': #3D71E4, + 'secondary': #6F9BFD, + 'tertiary': #C2D5FE + ), + 'blue-2': ( + 'primary': #2C8199, + 'secondary': #3BAACA, + 'tertiary': #A7DDED + ), + 'purple': ( + 'primary': #9B4BF3, + 'secondary': #BD83FD, + 'tertiary': #E3CBFE + ), + 'pink': ( + 'primary': #CD4089, + 'secondary': #EA77B3, + 'tertiary': #F7C7E0 + ), + 'gray': ( + 'primary': #74777C, + 'secondary': #999EA5, + 'tertiary': #D2D4D8 + ) + ), + 'text': ( + 'primary': #0000000D + ) + ), + 'content': ( + 'logo1': #377FDB, + 'logo2': #377FDB, + 'semantic': ( + 'brand': ( + 'primary': #20467F, + 'secondary': #0659C5, + 'tertiary': #2976D8, + 'on-brand': #EAF1FB + ), + 'neutral': ( + 'primary': #252627, + 'secondary': #5C5F63, + 'tertiary': #74777C, + 'on-neutral': #F0F1F2 + ), + 'contextual': ( + 'primary': #FFFFFFF2 + ), + 'info': ( + 'primary': #20467F, + 'secondary': #0659C5, + 'tertiary': #2976D8, + 'on-info': #EAF1FB + ), + 'success': ( + 'primary': #344D24, + 'secondary': #3A6A14, + 'tertiary': #4B851A, + 'on-success': #E4F7D4 + ), + 'warning': ( + 'primary': #524620, + 'secondary': #745B03, + 'tertiary': #937303, + 'on-warning': #FFF1BD + ), + 'error': ( + 'primary': #802820, + 'secondary': #C00101, + 'tertiary': #E13131, + 'on-error': #FCEDED + ), + 'disabled': ( + 'primary': #A7ACB2, + 'secondary': #FFFFFF80 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #2976D8, + 'secondary': #6CA0E4, + 'tertiary': #C0D6F4 + ), + 'red': ( + 'primary': #D83F3D, + 'secondary': #EE7C7B, + 'tertiary': #F8C9C9 + ), + 'orange': ( + 'primary': #BE5B0F, + 'secondary': #F27E27, + 'tertiary': #FACBA8 + ), + 'brown': ( + 'primary': #8F7065, + 'secondary': #AF9992, + 'tertiary': #DCD2CF + ), + 'yellow': ( + 'primary': #93730C, + 'secondary': #C39810, + 'tertiary': #F0D275 + ), + 'green': ( + 'primary': #368741, + 'secondary': #48B257, + 'tertiary': #A7E3AF + ), + 'blue-1': ( + 'primary': #3D71E4, + 'secondary': #6F9BFD, + 'tertiary': #C2D5FE + ), + 'blue-2': ( + 'primary': #2C8199, + 'secondary': #3BAACA, + 'tertiary': #A7DDED + ), + 'purple': ( + 'primary': #9B4BF3, + 'secondary': #BD83FD, + 'tertiary': #E3CBFE + ), + 'pink': ( + 'primary': #CD4089, + 'secondary': #EA77B3, + 'tertiary': #F7C7E0 + ), + 'gray': ( + 'primary': #74777C, + 'secondary': #999EA5, + 'tertiary': #D2D4D8 + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #E1E2E5 + ), + 'semantic': ( + 'brand': ( + 'primary': #1167D4, + 'secondary': #80AEE8, + 'tertiary': #C0D6F4 + ), + 'contextual': ( + 'primary': #FFFFFF33 + ), + 'neutral': ( + 'primary': #686B6F, + 'secondary': #A7ACB2, + 'tertiary': #D2D4D8 + ), + 'info': ( + 'primary': #1167D4, + 'secondary': #80AEE8, + 'tertiary': #C0D6F4 + ), + 'success': ( + 'primary': #427816, + 'secondary': #6AC024, + 'tertiary': #AAE579 + ), + 'warning': ( + 'primary': #836703, + 'secondary': #D3A504, + 'tertiary': #FFCF25 + ), + 'error': ( + 'primary': #D80000, + 'secondary': #EF9191, + 'tertiary': #F7C9C9 + ), + 'disabled': ( + 'primary': #E1E2E5 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #2976D8, + 'secondary': #6CA0E4, + 'tertiary': #C0D6F4 + ), + 'red': ( + 'primary': #D83F3D, + 'secondary': #EE7C7B, + 'tertiary': #F8C9C9 + ), + 'orange': ( + 'primary': #BE5B0F, + 'secondary': #F27E27, + 'tertiary': #FACBA8 + ), + 'brown': ( + 'primary': #8F7065, + 'secondary': #AF9992, + 'tertiary': #DCD2CF + ), + 'yellow': ( + 'primary': #93730C, + 'secondary': #C39810, + 'tertiary': #F0D275 + ), + 'green': ( + 'primary': #368741, + 'secondary': #48B257, + 'tertiary': #A7E3AF + ), + 'blue-1': ( + 'primary': #3D71E4, + 'secondary': #6F9BFD, + 'tertiary': #C2D5FE + ), + 'blue-2': ( + 'primary': #2C8199, + 'secondary': #3BAACA, + 'tertiary': #A7DDED + ), + 'purple': ( + 'primary': #9B4BF3, + 'secondary': #BD83FD, + 'tertiary': #E3CBFE + ), + 'pink': ( + 'primary': #CD4089, + 'secondary': #EA77B3, + 'tertiary': #F7C7E0 + ), + 'gray': ( + 'primary': #74777C, + 'secondary': #999EA5, + 'tertiary': #D2D4D8 + ) + ) + ) + ), 'components': ( 'tooltip': ( 'border-radius': 0.5rem, @@ -341,52 +674,741 @@ $themes: ( 'dark': ( 'theme': ( 'colors': ( - 'greyscale-100': #182536, - 'greyscale-200': #303C4B, - 'greyscale-300': #555F6B, - 'greyscale-400': #79818A, - 'greyscale-500': #9EA3AA, - 'greyscale-600': #C2C6CA, - 'greyscale-700': #E7E8EA, - 'greyscale-800': #F3F4F4, - 'greyscale-900': #FAFAFB, - 'greyscale-000': #0C1A2B, - 'primary-100': #3B4C62, - 'primary-200': #4D6481, - 'primary-300': #6381A6, - 'primary-400': #7FA5D5, - 'primary-500': #8CB5EA, - 'primary-600': #A3C4EE, - 'primary-700': #C3D8F4, - 'primary-800': #DDE9F8, - 'primary-900': #F4F8FD, - 'success-100': #EEF8D7, - 'success-200': #D9F1B2, - 'success-300': #BDE985, - 'success-400': #A0E25D, - 'success-500': #76D628, - 'success-600': #5BB520, - 'success-700': #43941A, - 'success-800': #307414, - 'success-900': #225D10, - 'warning-100': #F7F3D5, - 'warning-200': #F0E5AA, - 'warning-300': #E8D680, - 'warning-400': #E3C95F, - 'warning-500': #D9B32B, - 'warning-600': #BD9721, - 'warning-700': #9D7B1C, - 'warning-800': #7E6016, - 'warning-900': #684D12, - 'danger-100': #F8D0D0, - 'danger-200': #F09898, - 'danger-300': #F09898, - 'danger-400': #ED8585, - 'danger-500': #E96666, - 'danger-600': #DD6666, - 'danger-700': #C36666, - 'danger-800': #AE6666, - 'danger-900': #9D6666 + 'logo-1': #377FDB, + 'logo-2': #377FDB, + 'logo-1-dark': #95ABFF, + 'logo-2-dark': #95ABFF, + 'brand-050': #EAF1FB, + 'brand-100': #D5E4F7, + 'brand-150': #C0D6F4, + 'brand-200': #ABC9F0, + 'brand-250': #96BCEC, + 'brand-300': #80AEE8, + 'brand-350': #6CA0E4, + 'brand-400': #5693E0, + 'brand-450': #4085DC, + 'brand-500': #2976D8, + 'brand-550': #1167D4, + 'brand-600': #0659C5, + 'brand-650': #1A509F, + 'brand-700': #20467F, + 'brand-750': #203C63, + 'brand-800': #1D314C, + 'brand-850': #1A2638, + 'brand-900': #141C28, + 'brand-950': #0C1117, + 'gray-000': #FFFFFF, + 'gray-025': #F7F8F8, + 'gray-050': #F0F1F2, + 'gray-100': #E1E2E5, + 'gray-150': #D2D4D8, + 'gray-200': #C4C7CB, + 'gray-250': #B5B9BE, + 'gray-300': #A7ACB2, + 'gray-350': #999EA5, + 'gray-400': #8D9197, + 'gray-450': #80848A, + 'gray-500': #74777C, + 'gray-550': #686B6F, + 'gray-600': #5C5F63, + 'gray-650': #505356, + 'gray-700': #45474A, + 'gray-750': #3A3B3E, + 'gray-800': #2F3033, + 'gray-850': #252627, + 'gray-900': #1B1C1D, + 'gray-950': #101112, + 'gray-1000': #000000, + 'info-050': #EAF1FB, + 'info-100': #D5E4F7, + 'info-150': #C0D6F4, + 'info-200': #ABC9F0, + 'info-250': #96BCEC, + 'info-300': #80AEE8, + 'info-350': #6CA0E4, + 'info-400': #5693E0, + 'info-450': #4085DC, + 'info-500': #2976D8, + 'info-550': #1167D4, + 'info-600': #0659C5, + 'info-650': #1A509F, + 'info-700': #20467F, + 'info-750': #203C63, + 'info-800': #1D314C, + 'info-850': #1A2638, + 'info-900': #141C28, + 'info-950': #0C1117, + 'success-050': #E4F7D4, + 'success-100': #C8EEA8, + 'success-150': #AAE579, + 'success-200': #89DC45, + 'success-250': #72CF27, + 'success-300': #6AC024, + 'success-350': #61B121, + 'success-400': #59A21E, + 'success-450': #51941C, + 'success-500': #4B851A, + 'success-550': #427816, + 'success-600': #3A6A14, + 'success-650': #385C1F, + 'success-700': #344D24, + 'success-750': #2E4022, + 'success-800': #27341F, + 'success-850': #20281A, + 'success-900': #181D15, + 'success-950': #10120E, + 'warning-050': #FFF1BD, + 'warning-100': #FFE176, + 'warning-150': #FFCF25, + 'warning-200': #F4BF06, + 'warning-250': #E3B205, + 'warning-300': #D3A504, + 'warning-350': #C29805, + 'warning-400': #B28C03, + 'warning-450': #A27F03, + 'warning-500': #937303, + 'warning-550': #836703, + 'warning-600': #745B03, + 'warning-650': #625019, + 'warning-700': #524620, + 'warning-750': #443B20, + 'warning-800': #36301D, + 'warning-850': #2A2619, + 'warning-900': #1E1C13, + 'warning-950': #12110C, + 'error-050': #FCEDED, + 'error-100': #FADBDB, + 'error-150': #F7C9C9, + 'error-200': #F5B7B7, + 'error-250': #F2A4A4, + 'error-300': #EF9191, + 'error-350': #EC7D7D, + 'error-400': #E96868, + 'error-450': #E55050, + 'error-500': #E13131, + 'error-550': #D80000, + 'error-600': #C00101, + 'error-650': #9E2219, + 'error-700': #802820, + 'error-750': #662820, + 'error-800': #4F231E, + 'error-850': #3B1D19, + 'error-900': #2A1614, + 'error-950': #1A0E0C, + 'red-050': #FDEDED, + 'red-100': #FADBDB, + 'red-150': #F8C9C9, + 'red-200': #F5B7B6, + 'red-250': #F3A4A3, + 'red-300': #F09190, + 'red-350': #EE7C7B, + 'red-400': #EB6665, + 'red-450': #E74E4D, + 'red-500': #D83F3D, + 'red-550': #C23837, + 'red-600': #AC3231, + 'red-650': #8D3531, + 'red-700': #73332F, + 'red-750': #5B2F2B, + 'red-800': #472826, + 'red-850': #35211F, + 'red-900': #251817, + 'red-950': #160F0E, + 'orange-050': #FDEEE2, + 'orange-100': #FCDDC5, + 'orange-150': #FACBA8, + 'orange-200': #F8B98B, + 'orange-250': #F6A76A, + 'orange-300': #F4934B, + 'orange-350': #F27E27, + 'orange-400': #E76E12, + 'orange-450': #D26411, + 'orange-500': #BE5B0F, + 'orange-550': #AA510E, + 'orange-600': #97480C, + 'orange-650': #7E431D, + 'orange-700': #673C22, + 'orange-750': #533422, + 'orange-800': #412C1F, + 'orange-850': #31231B, + 'orange-900': #221A14, + 'orange-950': #15100C, + 'brown-050': #F3F0EF, + 'brown-100': #E7E1DF, + 'brown-150': #DCD2CF, + 'brown-200': #D0C4BF, + 'brown-250': #C5B6B0, + 'brown-300': #BAA7A1, + 'brown-350': #AF9992, + 'brown-400': #A48B83, + 'brown-450': #997E74, + 'brown-500': #8F7065, + 'brown-550': #846357, + 'brown-600': #7A5649, + 'brown-650': #684C42, + 'brown-700': #57423C, + 'brown-750': #463833, + 'brown-800': #382E2A, + 'brown-850': #2B2422, + 'brown-900': #1F1B19, + 'brown-950': #121010, + 'yellow-050': #FAF0D3, + 'yellow-100': #F5E2A4, + 'yellow-150': #F0D275, + 'yellow-200': #EBC242, + 'yellow-250': #E4B213, + 'yellow-300': #D4A511, + 'yellow-350': #C39810, + 'yellow-400': #B38B0F, + 'yellow-450': #A37F0D, + 'yellow-500': #93730C, + 'yellow-550': #84670B, + 'yellow-600': #755B0A, + 'yellow-650': #63501C, + 'yellow-700': #534521, + 'yellow-750': #443A21, + 'yellow-800': #36301F, + 'yellow-850': #29261A, + 'yellow-900': #1D1C14, + 'yellow-950': #12110C, + 'green-050': #E2F6E5, + 'green-100': #C5ECCA, + 'green-150': #A7E3AF, + 'green-200': #89D894, + 'green-250': #67CE75, + 'green-300': #4DC25D, + 'green-350': #48B257, + 'green-400': #41A44F, + 'green-450': #3B9548, + 'green-500': #368741, + 'green-550': #30793A, + 'green-600': #2B6B33, + 'green-650': #2F5C34, + 'green-700': #2E4E31, + 'green-750': #2A412C, + 'green-800': #253426, + 'green-850': #1E281F, + 'green-900': #171D17, + 'green-950': #0F120F, + 'blue-1-050': #EBF1FF, + 'blue-1-100': #D6E3FE, + 'blue-1-150': #C2D5FE, + 'blue-1-200': #ADC7FE, + 'blue-1-250': #99B8FD, + 'blue-1-300': #84AAFD, + 'blue-1-350': #6F9BFD, + 'blue-1-400': #5A8DFB, + 'blue-1-450': #437DFC, + 'blue-1-500': #3D71E4, + 'blue-1-550': #3665CC, + 'blue-1-600': #305AB5, + 'blue-1-650': #315093, + 'blue-1-700': #2E4675, + 'blue-1-750': #293B5E, + 'blue-1-800': #243048, + 'blue-1-850': #1E2635, + 'blue-1-900': #171C25, + 'blue-1-950': #0E1116, + 'blue-2-050': #E2F4F9, + 'blue-2-100': #C5E9F3, + 'blue-2-150': #A7DDED, + 'blue-2-200': #88D1E6, + 'blue-2-250': #68C5E0, + 'blue-2-300': #48B8D9, + 'blue-2-350': #3BAACA, + 'blue-2-400': #359CB9, + 'blue-2-450': #318EA9, + 'blue-2-500': #2C8199, + 'blue-2-550': #277389, + 'blue-2-600': #236679, + 'blue-2-650': #2A5866, + 'blue-2-700': #2A4B55, + 'blue-2-750': #283F47, + 'blue-2-800': #233337, + 'blue-2-850': #1D272A, + 'blue-2-900': #161C1E, + 'blue-2-950': #0E1112, + 'purple-050': #F6EEFF, + 'purple-100': #ECDCFF, + 'purple-150': #E3CBFE, + 'purple-200': #DAB9FE, + 'purple-250': #D0A7FE, + 'purple-300': #C795FE, + 'purple-350': #BD83FD, + 'purple-400': #B36FFD, + 'purple-450': #A85BFD, + 'purple-500': #9B4BF3, + 'purple-550': #8B43DA, + 'purple-600': #7B3CC1, + 'purple-650': #673C9B, + 'purple-700': #56387D, + 'purple-750': #463162, + 'purple-800': #382A4A, + 'purple-850': #2A2237, + 'purple-900': #1E1926, + 'purple-950': #121017, + 'pink-050': #FCEDF5, + 'pink-100': #F9DAEA, + 'pink-150': #F7C7E0, + 'pink-200': #F4B4D5, + 'pink-250': #F1A1CA, + 'pink-300': #EE8CBF, + 'pink-350': #EA77B3, + 'pink-400': #E760A6, + 'pink-450': #E24797, + 'pink-500': #CD4089, + 'pink-550': #B8397B, + 'pink-600': #A3336D, + 'pink-650': #86355E, + 'pink-700': #6E334F, + 'pink-750': #582E42, + 'pink-800': #442834, + 'pink-850': #332028, + 'pink-900': #24181D, + 'pink-950': #160F12, + 'black-000': #00000000, + 'black-050': #0000000D, + 'black-100': #0000001A, + 'black-150': #00000026, + 'black-200': #00000033, + 'black-250': #00000040, + 'black-300': #0000004D, + 'black-350': #00000059, + 'black-400': #00000066, + 'black-450': #00000073, + 'black-500': #00000080, + 'black-550': #0000008C, + 'black-600': #00000099, + 'black-650': #000000A6, + 'black-700': #000000B3, + 'black-750': #000000BF, + 'black-800': #000000CC, + 'black-850': #000000D9, + 'black-900': #000000E6, + 'black-950': #000000F2, + 'white-000': #FFFFFF, + 'white-050': #FFFFFF0D, + 'white-100': #FFFFFF1A, + 'white-150': #FFFFFF26, + 'white-200': #FFFFFF33, + 'white-250': #FFFFFF40, + 'white-300': #FFFFFF4D, + 'white-350': #FFFFFF59, + 'white-400': #FFFFFF66, + 'white-450': #FFFFFF73, + 'white-500': #FFFFFF80, + 'white-550': #FFFFFF8C, + 'white-600': #FFFFFF99, + 'white-650': #FFFFFFA6, + 'white-700': #FFFFFFB3, + 'white-750': #FFFFFFBF, + 'white-800': #FFFFFFCC, + 'white-850': #FFFFFFD9, + 'white-900': #FFFFFFE6, + 'white-950': #FFFFFFF2 + ), + 'transitions': ( + 'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)}, + 'ease-out': #{cubic-bezier(0.33, 1, 0.68, 1)}, + 'ease-in-out': #{cubic-bezier(0.65, 0, 0.35, 1)}, + 'duration': 250ms + ), + 'font': ( + 'sizes': ( + 'xs': 0.75rem, + 'sm': 0.875rem, + 'md': 1rem, + 'lg': 1.125rem, + 'ml': 0.938rem, + 'xl': 1.25rem, + 't': 0.6875rem, + 's': 0.75rem, + 'h1': 2rem, + 'h2': 1.75rem, + 'h3': 1.5rem, + 'h4': 1.375rem, + 'h5': 1.25rem, + 'h6': 1.125rem, + 'xl-alt': 5rem, + 'lg-alt': 4.5rem, + 'md-alt': 4rem, + 'sm-alt': 3.5rem, + 'xs-alt': 3rem + ), + 'weights': ( + 'thin': 200, + 'light': 300, + 'regular': 400, + 'medium': 500, + 'bold': 600, + 'extrabold': 700, + 'black': 800 + ), + 'families': ( + 'base': #{\Roboto Flex Variable\, sans-serif}, + 'accent': #{\Roboto Flex Variable\, sans-serif} + ) + ), + 'spacings': ( + 'l': 3rem, + 'b': 1.625rem, + 'm': 0.8125rem, + 's': 1rem, + 't': 0.5rem, + 'st': 0.25rem, + '4xs': 0.125rem, + 'xxxs': 0.25rem, + 'xxs': 0.375rem, + 'xs': 0.5rem, + 'sm': 0.75rem, + 'base': 1rem, + 'md': 1.5rem, + 'lg': 2rem, + 'xl': 2.5rem, + 'xxl': 3rem, + 'xxxl': 3.5rem, + '4xl': 4rem, + '5xl': 4.5rem, + '6xl': 6rem, + '7xl': 7.5rem + ), + 'breakpoints': ( + 'xs': 0, + 'sm': 576px, + 'md': 768px, + 'lg': 992px, + 'xl': 1200px, + 'xxl': 1400px + ) + ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #2F3033, + 'secondary': #252627, + 'tertiary': #1B1C1D + ), + 'semantic': ( + 'brand': ( + 'primary': #1167D4, + 'primary-hover': #1A509F, + 'secondary': #20467F, + 'secondary-hover': #203C63, + 'tertiary': #203C63, + 'tertiary-hover': #1D314C + ), + 'neutral': ( + 'primary': #686B6F, + 'primary-hover': #505356, + 'secondary': #45474A, + 'secondary-hover': #3A3B3E, + 'tertiary': #3A3B3E, + 'tertiary-hover': #2F3033 + ), + 'contextual': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'info': ( + 'primary': #1167D4, + 'primary-hover': #1A509F, + 'secondary': #20467F, + 'secondary-hover': #203C63, + 'tertiary': #203C63, + 'tertiary-hover': #1D314C + ), + 'success': ( + 'primary': #427816, + 'primary-hover': #385C1F, + 'secondary': #344D24, + 'secondary-hover': #2E4022, + 'tertiary': #2E4022, + 'tertiary-hover': #27341F + ), + 'warning': ( + 'primary': #836703, + 'primary-hover': #625019, + 'secondary': #524620, + 'secondary-hover': #443B20, + 'tertiary': #443B20, + 'tertiary-hover': #36301D + ), + 'error': ( + 'primary': #D80000, + 'primary-hover': #9E2219, + 'secondary': #802820, + 'secondary-hover': #662820, + 'tertiary': #662820, + 'tertiary-hover': #4F231E + ), + 'disabled': ( + 'primary': #3A3B3E, + 'secondary': #2F3033 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6CA0E4, + 'secondary': #4085DC, + 'tertiary': #1167D4 + ), + 'red': ( + 'primary': #EE7C7B, + 'secondary': #E74E4D, + 'tertiary': #C23837 + ), + 'orange': ( + 'primary': #F27E27, + 'secondary': #D26411, + 'tertiary': #AA510E + ), + 'brown': ( + 'primary': #AF9992, + 'secondary': #997E74, + 'tertiary': #846357 + ), + 'yellow': ( + 'primary': #C39810, + 'secondary': #A37F0D, + 'tertiary': #84670B + ), + 'green': ( + 'primary': #48B257, + 'secondary': #3B9548, + 'tertiary': #30793A + ), + 'blue-1': ( + 'primary': #6F9BFD, + 'secondary': #437DFC, + 'tertiary': #3665CC + ), + 'blue-2': ( + 'primary': #3BAACA, + 'secondary': #318EA9, + 'tertiary': #277389 + ), + 'purple': ( + 'primary': #BD83FD, + 'secondary': #A85BFD, + 'tertiary': #8B43DA + ), + 'pink': ( + 'primary': #EA77B3, + 'secondary': #E24797, + 'tertiary': #B8397B + ), + 'gray': ( + 'primary': #999EA5, + 'secondary': #80848A, + 'tertiary': #686B6F + ) + ) + ), + 'content': ( + 'logo1': #95ABFF, + 'logo2': #95ABFF, + 'semantic': ( + 'brand': ( + 'primary': #EAF1FB, + 'secondary': #D5E4F7, + 'tertiary': #96BCEC, + 'on-brand': #EAF1FB + ), + 'neutral': ( + 'primary': #F0F1F2, + 'secondary': #E1E2E5, + 'tertiary': #B5B9BE, + 'on-neutral': #F0F1F2 + ), + 'contextual': ( + 'primary': #000000D9 + ), + 'info': ( + 'primary': #EAF1FB, + 'secondary': #D5E4F7, + 'tertiary': #96BCEC, + 'on-info': #EAF1FB + ), + 'success': ( + 'primary': #E4F7D4, + 'secondary': #C8EEA8, + 'tertiary': #72CF27, + 'on-success': #E4F7D4 + ), + 'warning': ( + 'primary': #FFF1BD, + 'secondary': #FFE176, + 'tertiary': #E3B205, + 'on-warning': #FFF1BD + ), + 'error': ( + 'primary': #FCEDED, + 'secondary': #FADBDB, + 'tertiary': #F2A4A4, + 'on-error': #FCEDED + ), + 'disabled': ( + 'primary': #5C5F63, + 'secondary': #0000004D + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6CA0E4, + 'secondary': #4085DC, + 'tertiary': #1167D4 + ), + 'red': ( + 'primary': #EE7C7B, + 'secondary': #E74E4D, + 'tertiary': #C23837 + ), + 'orange': ( + 'primary': #F27E27, + 'secondary': #D26411, + 'tertiary': #AA510E + ), + 'brown': ( + 'primary': #AF9992, + 'secondary': #997E74, + 'tertiary': #846357 + ), + 'yellow': ( + 'primary': #C39810, + 'secondary': #A37F0D, + 'tertiary': #84670B + ), + 'green': ( + 'primary': #48B257, + 'secondary': #3B9548, + 'tertiary': #30793A + ), + 'blue-1': ( + 'primary': #6F9BFD, + 'secondary': #437DFC, + 'tertiary': #3665CC + ), + 'blue-2': ( + 'primary': #3BAACA, + 'secondary': #318EA9, + 'tertiary': #277389 + ), + 'purple': ( + 'primary': #BD83FD, + 'secondary': #A85BFD, + 'tertiary': #8B43DA + ), + 'pink': ( + 'primary': #EA77B3, + 'secondary': #E24797, + 'tertiary': #B8397B + ), + 'gray': ( + 'primary': #999EA5, + 'secondary': #80848A, + 'tertiary': #686B6F + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #3A3B3E + ), + 'semantic': ( + 'brand': ( + 'primary': #4085DC, + 'secondary': #0659C5, + 'tertiary': #20467F + ), + 'contextual': ( + 'primary': #00000033 + ), + 'neutral': ( + 'primary': #80848A, + 'secondary': #5C5F63, + 'tertiary': #45474A + ), + 'info': ( + 'primary': #4085DC, + 'secondary': #0659C5, + 'tertiary': #20467F + ), + 'success': ( + 'primary': #51941C, + 'secondary': #3A6A14, + 'tertiary': #344D24 + ), + 'warning': ( + 'primary': #A27F03, + 'secondary': #745B03, + 'tertiary': #524620 + ), + 'error': ( + 'primary': #E55050, + 'secondary': #C00101, + 'tertiary': #802820 + ), + 'disabled': ( + 'primary': #2F3033 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6CA0E4, + 'secondary': #4085DC, + 'tertiary': #1167D4 + ), + 'red': ( + 'primary': #EE7C7B, + 'secondary': #E74E4D, + 'tertiary': #C23837 + ), + 'orange': ( + 'primary': #F27E27, + 'secondary': #D26411, + 'tertiary': #AA510E + ), + 'brown': ( + 'primary': #AF9992, + 'secondary': #997E74, + 'tertiary': #846357 + ), + 'yellow': ( + 'primary': #C39810, + 'secondary': #A37F0D, + 'tertiary': #84670B + ), + 'green': ( + 'primary': #48B257, + 'secondary': #3B9548, + 'tertiary': #30793A + ), + 'blue-1': ( + 'primary': #6F9BFD, + 'secondary': #437DFC, + 'tertiary': #3665CC + ), + 'blue-2': ( + 'primary': #3BAACA, + 'secondary': #318EA9, + 'tertiary': #277389 + ), + 'purple': ( + 'primary': #BD83FD, + 'secondary': #A85BFD, + 'tertiary': #8B43DA + ), + 'pink': ( + 'primary': #EA77B3, + 'secondary': #E24797, + 'tertiary': #B8397B + ), + 'gray': ( + 'primary': #999EA5, + 'secondary': #80848A, + 'tertiary': #686B6F + ) + ) ) ) ) diff --git a/packages/react/src/cunningham-tokens.ts b/packages/react/src/cunningham-tokens.ts index 0462ea8..acc80a5 100644 --- a/packages/react/src/cunningham-tokens.ts +++ b/packages/react/src/cunningham-tokens.ts @@ -1 +1 @@ -export const tokens = {"themes":{"default":{"theme":{"colors":{"secondary-text":"#555F6B","secondary-100":"#F2F7FC","secondary-200":"#EBF3FA","secondary-300":"#E2EEF8","secondary-400":"#DDEAF7","secondary-500":"#D4E5F5","secondary-600":"#C1D0DF","secondary-700":"#97A3AE","secondary-800":"#757E87","secondary-900":"#596067","info-text":"#FFFFFF","info-100":"#EBF2FC","info-200":"#8CB5EA","info-300":"#5894E1","info-400":"#377FDB","info-500":"#055FD2","info-600":"#0556BF","info-700":"#044395","info-800":"#033474","info-900":"#022858","greyscale-100":"#FAFAFB","greyscale-200":"#F3F4F4","greyscale-300":"#E7E8EA","greyscale-400":"#C2C6CA","greyscale-500":"#9EA3AA","greyscale-600":"#79818A","greyscale-700":"#555F6B","greyscale-800":"#303C4B","greyscale-900":"#0C1A2B","greyscale-000":"#FFFFFF","primary-100":"#EBF2FC","primary-200":"#8CB5EA","primary-300":"#5894E1","primary-400":"#377FDB","primary-500":"#055FD2","primary-600":"#0556BF","primary-700":"#044395","primary-800":"#033474","primary-900":"#022858","success-100":"#EFFCD3","success-200":"#DBFAA9","success-300":"#BEF27C","success-400":"#A0E659","success-500":"#76D628","success-600":"#5AB81D","success-700":"#419A14","success-800":"#2C7C0C","success-900":"#1D6607","warning-100":"#FFF8CD","warning-200":"#FFEF9B","warning-300":"#FFE469","warning-400":"#FFDA43","warning-500":"#FFC805","warning-600":"#DBA603","warning-700":"#B78702","warning-800":"#936901","warning-900":"#7A5400","danger-100":"#F4B0B0","danger-200":"#EE8A8A","danger-300":"#E65454","danger-400":"#E13333","danger-500":"#DA0000","danger-600":"#C60000","danger-700":"#9B0000","danger-800":"#780000","danger-900":"#5C0000","primary-text":"#FFFFFF","success-text":"#FFFFFF","warning-text":"#FFFFFF","danger-text":"#FFFFFF"},"font":{"sizes":{"h1":"1.75rem","h2":"1.375rem","h3":"1.125rem","h4":"0.8125rem","h5":"0.625rem","h6":"0.5rem","l":"1rem","m":"0.8125rem","s":"0.6875rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"},"letterSpacings":{"h1":"normal","h2":"normal","h3":"normal","h4":"normal","h5":"1px","h6":"normal","l":"normal","m":"normal","s":"normal"}},"spacings":{"xl":"4rem","l":"3rem","b":"1.625rem","s":"1rem","t":"0.5rem","st":"0.25rem"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"components":{"tooltip":{"border-radius":"0.5rem","background-color":"#0C1A2B","color":"#FFFFFF","font-size":"0.6875rem","padding":"1rem","max-width":"150px"},"toast":{"slide-in-duration":"1000ms","slide-out-duration":"300ms","background-color":"#FAFAFB","color":"#0C1A2B","font-weight":400,"icon-size":"19px","progress-bar-height":"3px"},"modal":{"background-color":"#FFFFFF","backdrop-color":"#0C1A2B99","border-radius":"4px","border-color":"#E7E8EA","box-shadow":"0px 1px 2px 0px #0C1A2B4D","color":"#0C1A2B","title-font-weight":600,"content-font-size":"0.8125rem","content-font-weight":400,"content-color":"#303C4B","width-small":"300px","width-medium":"600px","width-large":"800px","width-extra-large":"75%"},"forms-textarea":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#E7E8EA","border-color--hover":"#9EA3AA","border-color--focus":"#0556BF","border-style":"solid","label-color--focus":"#0556BF","background-color":"#FFFFFF","value-color":"#0C1A2B","value-color--disabled":"#303C4B"},"forms-switch":{"accent-color":"#419A14","rail-background-color":"#9EA3AA","rail-background-color--disabled":"#C2C6CA","rail-border-radius":"50vw","handle-background-color":"white","handle-background-color--disabled":"#F3F4F4","handle-border-radius":"50%"},"forms-select":{"border-color":"#E7E8EA","border-color--focus":"#0556BF","border-color--hover":"#9EA3AA","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#0C1A2B","value-color--disabled":"#303C4B","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#F3F4F4","item-background-color--selected":"#EBF2FC","item-color":"#303C4B","item-color--disabled":"#9EA3AA","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","label-color--focus":"#0556BF","multi-pill-background-color":"#F3F4F4","multi-pill-border-radius":"2px","multi-pill-max-width":"68%","multi-pill-font-size":"0.8125rem"},"forms-radio":{"border-color":"#E7E8EA","accent-color":"#5AB81D","background-color":"#FFFFFF"},"forms-labelledbox":{"label-color--small":"#79818A","label-color--big":"#0C1A2B","label-color--small--disabled":"#79818A","label-color--big--disabled":"#79818A"},"forms-input":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#E7E8EA","border-color--hover":"#9EA3AA","border-color--focus":"#0556BF","border-style":"solid","label-color--focus":"#0556BF","background-color":"#FFFFFF","value-color":"#0C1A2B","value-color--disabled":"#303C4B"},"forms-fileuploader":{"background-color":"#FFFFFF","border-color":"#E7E8EA","border-radius":"0.5rem","border-width":"2px","border-style":"dotted","background-color--active":"#EBF2FC","color":"#0C1A2B","padding":"1rem","accent-color":"#0556BF","text-color":"#79818A","text-size":"0.6875rem","file-text-size":"0.8125rem","file-text-color":"#0C1A2B","file-text-weight":300,"file-border-color":"#E7E8EA","file-border-width":"1px","file-border-radius":"0.5rem","file-background-color":"#FFFFFF","file-specs-size":"0.6875rem","file-specs-color":"#79818A"},"forms-field":{"width":"292px","font-size":"0.6875rem","color":"#79818A"},"forms-datepicker":{"border-color":"#E7E8EA","border-color--disabled":"#F3F4F4","border-color--focus":"#0556BF","border-color--hover":"#9EA3AA","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#0C1A2B","value-color--disabled":"#303C4B","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#F3F4F4","item-background-color--selected":"#EBF2FC","item-color":"#303C4B","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","range-selection-background-color":"#EBF2FC","range-selection-background-color--disabled":"#FAFAFB","grid-cell--border-color--today":"#0556BF","grid-cell--color--today":"#0556BF","label-color--focus":"#0556BF"},"forms-checkbox":{"background-color--hover":"#F3F4F4","background-color":"#FFFFFF","font-size":"0.8125rem","font-weight":500,"color":"#0C1A2B","border-color":"#E7E8EA","border-radius":"2px","accent-color":"#5AB81D","size":"1.5rem"},"button":{"border-radius":"8px","border-radius--active":"2px","border-radius--focus":"8px","medium-text-height":"36px","medium-height":"48px","small-height":"32px","nano-height":"24px","medium-font-size":"1rem","medium-icon-font-size":"1.5rem","small-font-size":"0.8125rem","small-icon-font-size":"1rem","nano-font-size":"0.8125rem","nano-icon-font-size":"1rem","font-weight":400,"font-family":"\"Roboto Flex Variable\", sans-serif","text-font-weight":500},"alert":{"background-color":"#FAFAFB","border-radius":"4px","font-weight":500,"color":"#0C1A2B","icon-size":"19px","additional-font-weight":400,"additional-color":"#555F6B"}}},"dark":{"theme":{"colors":{"greyscale-100":"#182536","greyscale-200":"#303C4B","greyscale-300":"#555F6B","greyscale-400":"#79818A","greyscale-500":"#9EA3AA","greyscale-600":"#C2C6CA","greyscale-700":"#E7E8EA","greyscale-800":"#F3F4F4","greyscale-900":"#FAFAFB","greyscale-000":"#0C1A2B","primary-100":"#3B4C62","primary-200":"#4D6481","primary-300":"#6381A6","primary-400":"#7FA5D5","primary-500":"#8CB5EA","primary-600":"#A3C4EE","primary-700":"#C3D8F4","primary-800":"#DDE9F8","primary-900":"#F4F8FD","success-100":"#EEF8D7","success-200":"#D9F1B2","success-300":"#BDE985","success-400":"#A0E25D","success-500":"#76D628","success-600":"#5BB520","success-700":"#43941A","success-800":"#307414","success-900":"#225D10","warning-100":"#F7F3D5","warning-200":"#F0E5AA","warning-300":"#E8D680","warning-400":"#E3C95F","warning-500":"#D9B32B","warning-600":"#BD9721","warning-700":"#9D7B1C","warning-800":"#7E6016","warning-900":"#684D12","danger-100":"#F8D0D0","danger-200":"#F09898","danger-300":"#F09898","danger-400":"#ED8585","danger-500":"#E96666","danger-600":"#DD6666","danger-700":"#C36666","danger-800":"#AE6666","danger-900":"#9D6666"}}}}}; +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#74777C","on-neutral":"#F0F1F2"},"contextual":{"primary":"#FFFFFFF2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#4B851A","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#937303","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#E13131","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"contextual":{"primary":"#FFFFFF33"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}}},"components":{"tooltip":{"border-radius":"0.5rem","background-color":"#E1E2E5","border-color":"#D2D4D8","color":"#5C5F63","font-size":"0.75rem","padding":"1rem","max-width":"150px"},"toast":{"slide-in-duration":"1000ms","slide-out-duration":"300ms","background-color":"#F0F1F2","color":"#252627","font-weight":400,"icon-size":"19px","progress-bar-height":"3px"},"modal":{"background-color":"#FFFFFF","backdrop-color":"#00000099","border-radius":"4px","border-color":"#E1E2E5","box-shadow":"0px 1px 2px 0px #0C1A2B4D","color":"#252627","title-font-weight":600,"content-font-size":"0.875rem","content-font-weight":400,"content-color":"#252627","width-small":"300px","width-medium":"600px","width-large":"800px","width-extra-large":"75%"},"forms-textarea":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"2px","border-radius--focus":"2px","border-width":"1px","border-color":"#D2D4D8","border-color--hover":"#A7ACB2","border-color--focus":"#1167D4","border-color--disabled":"#E1E2E5","border-style":"solid","label-color--focus":"#1167D4","background-color":"#FFFFFF","value-color":"#252627","value-color--disabled":"#5C5F63"},"forms-switch":{"accent-color":"#2976D8","rail-background-color":"#74777C","rail-background-color--disabled":"#A7ACB2","rail-border-radius":"50vw","handle-background-color":"#FFFFFFF2","handle-background-color--disabled":"#FFFFFF80","handle-border-radius":"50%"},"forms-select":{"border-color":"#D2D4D8","border-color--focus":"#1167D4","border-color--hover":"#A7ACB2","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#252627","value-color--disabled":"#A7ACB2","font-size":"1rem","height":"3.5rem","item-background-color--hover":"#E1E2E5","item-background-color--selected":"#D5E4F7","item-color":"#252627","item-color--disabled":"#FFFFFF80","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","label-color--focus":"#1167D4","multi-pill-background-color":"#F0F1F2","multi-pill-border-radius":"2px","multi-pill-max-width":"68%","multi-pill-font-size":"1rem"},"forms-radio":{"border-color":"#D2D4D8","border-color--disabled":"#D2D4D8","accent-color":"#2976D8","background-color":"#FFFFFF"},"forms-labelledbox":{"label-color--small":"#74777C","label-color--big":"#252627","label-color--small--disabled":"#5C5F63","label-color--big--disabled":"#5C5F63"},"forms-input":{"font-weight":400,"font-size":"1rem","border-radius":"8px","border-radius--hover":"4px","border-radius--focus":"4px","border-width":"1px","border-width--hover":"1px","border-width--focus":"1px","border-color":"#D2D4D8","border-color--hover":"#D2D4D8","border-color--focus":"#1167D4","border-style":"solid","placeholder-color":"#74777C","label-color":"#74777C","label-color--focus":"#20467F","background-color":"#FFFFFF","value-color":"#252627","value-color--disabled":"#A7ACB2"},"forms-fileuploader":{"background-color":"#FFFFFF","border-color":"#D2D4D8","border-radius":"0.5rem","border-width":"2px","border-style":"dotted","background-color--active":"#EAF1FB","color":"#252627","color--success":"#4B851A","color--error":"#E13131","padding":"1rem","accent-color":"#1167D4","text-color":"#74777C","text-size":"0.6875rem","file-text-size":"0.8125rem","file-text-color":"#252627","file-text-weight":300,"file-border-color":"#D2D4D8","file-border-width":"1px","file-border-radius":"0.5rem","file-background-color":"#FFFFFF","file-specs-size":"0.6875rem","file-specs-color":"#74777C"},"forms-field":{"width":"292px","font-size":"0.75rem","color":"#5C5F63","color--error":"#C00101","color--success":"#3A6A14","color--disabled":"#A7ACB2"},"forms-datepicker":{"border-color":"#D2D4D8","border-color--disabled":"#E1E2E5","border-color--focus":"#1167D4","border-color--hover":"#A7ACB2","border-radius":"8px","border-radius--focus":"2px","border-radius--hover":"2px","border-style":"solid","border-width":"1px","value-color":"#74777C","value-color--disabled":"#A7ACB2","font-size":"1.125rem","height":"3.5rem","item-background-color--hover":"#E1E2E5","item-background-color--selected":"#EAF1FB","item-color":"#252627","item-font-size":"1rem","background-color":"#FFFFFF","menu-background-color":"#FFFFFF","range-selection-background-color":"#EAF1FB","range-selection-background-color--disabled":"#F0F1F2","grid-cell--border-color--today":"#1167D4","grid-cell--color--today":"#20467F","label-color--focus":"#80AEE8"},"forms-checkbox":{"background-color--hover":"#E1E2E5","background-color":"#FFFFFF","font-size":"0.75rem","font-weight":500,"color":"#252627","border-color":"#74777C","border-radius":"2px","accent-color":"#FFFFFFF2","size":"1.5rem","background-color--checked":"#2976D8","background-color--indeterminate":"#2976D8","background-color--disabled":"#A7ACB2","border-color--disabled":"#A7ACB2"},"button":{"border-radius":"8px","border-radius--active":"2px","border-radius--focus":"4px","medium-text-height":"36px","medium-height":"48px","small-height":"32px","nano-height":"24px","medium-font-size":"1rem","medium-icon-font-size":"1.5rem","small-font-size":"0.875rem","small-icon-font-size":"1rem","nano-font-size":"0.875rem","nano-icon-font-size":"1rem","font-weight":400,"font-family":"\"Roboto Flex Variable\", sans-serif","text-font-weight":500},"alert":{"background-color":"#F0F1F2","border-radius":"4px","border-color":"#686B6F","border-left-color":"#686B6F","font-weight":500,"color":"#252627","icon-size":"19px","additional-font-weight":400,"additional-color":"#252627"}}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}}}};