diff --git a/.storybook/manager.tsx b/.storybook/manager.tsx new file mode 100644 index 0000000..780005e --- /dev/null +++ b/.storybook/manager.tsx @@ -0,0 +1,35 @@ +/* eslint-disable react-hooks/rules-of-hooks */ +import { addons, types, useStorybookApi } from '@storybook/manager-api'; +import { getThemeFromGlobals, themes } from './theme'; +import { useEffect } from 'react'; +import { useGlobals } from '@storybook/manager-api'; + +addons.setConfig({ theme: themes.default }); + +/** + * This add-on is just here to apply the theme to the Storybook manager ( the top-most frame + * containing sidebar, toolbar, etc ) when the theme is switched. + * + * The reason why we needed to add this add-on is that add-ons are the only place from where you can + * dynamically change the current theme of the manager. + */ +addons.register('theme-synchronizer', () => { + addons.add('theme-synchronizer/main', { + title: 'Theme synchronizer', + //👇 Sets the type of UI element in Storybook + type: types.TOOL, + //👇 Shows the Toolbar UI element if either the Canvas or Docs tab is active + match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)), + render: () => { + const api = useStorybookApi(); + const [globals] = useGlobals(); + const theme = getThemeFromGlobals(globals); + useEffect(() => { + api.setOptions({ + theme: themes[theme] + }) + }, [theme, api]); + return null; + }, + }); +}); diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html new file mode 100644 index 0000000..ceeb76b --- /dev/null +++ b/.storybook/preview-head.html @@ -0,0 +1,24 @@ + diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 60e3fff..6634a87 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -3,12 +3,23 @@ import "./../src/index.scss"; import "./../src/styles/fonts.scss"; import "./../src/style-stories.scss"; import type { Preview } from "@storybook/react"; +import { DocsContainer } from "@storybook/blocks"; import React from "react"; +import { BACKGROUND_COLOR_TO_THEME, getThemeFromGlobals, Themes, themes } from "./theme"; + +const DocsWithTheme = (props) => { + const theme = getThemeFromGlobals(props.context.store.userGlobals.globals); + return ( + + + + ); +}; const preview: Preview = { decorators: [ - (Story) => ( - + (Story, context) => ( +
@@ -17,12 +28,11 @@ const preview: Preview = { ], parameters: { backgrounds: { - values: [ - // 👇 Add your own - { name: "Gray", value: "#F7F9F2" }, - ], - // 👇 Specify which background is shown by default - default: "light", + default: null, + values: Object.entries(BACKGROUND_COLOR_TO_THEME).map(([key, value]) => ({ + name: Themes[value][1], + value: key, + })), }, controls: { matchers: { @@ -30,6 +40,9 @@ const preview: Preview = { date: /Date$/i, }, }, + docs: { + container: DocsWithTheme, + }, }, }; diff --git a/.storybook/theme.ts b/.storybook/theme.ts new file mode 100644 index 0000000..c17b53e --- /dev/null +++ b/.storybook/theme.ts @@ -0,0 +1,83 @@ +import { create } from "@storybook/theming"; +import { tokens } from "../src/cunningham-tokens"; + +type DesignTokens = typeof tokens.themes.default; + +const buildTheme = ( + { globals, contextuals }: DesignTokens, + type: "default" | "dark" = "default" +) => { + return { + brandUrl: "https://github.com/suitenumerique/cunningham", + brandImage: `storybook/logo-uikit-${type}.svg`, + brandTitle: "La Suite UI Kit", + brandTarget: "_self", + + // + colorPrimary: contextuals.content.semantic.brand.primary, // content.brand.primary + colorSecondary: contextuals.content.semantic.brand.primary, // content.brand.secondary + + fontBase: globals.font.families.base, + + // UI + appBg: contextuals.background.surface.secondary, // background.surface.tertiary + appContentBg: contextuals.background.surface.tertiary, // background.surface.primary + appBorderColor: contextuals.border.surface.primary, // border.surface.primary + appBorderRadius: 4, + + // Text colors + textColor: contextuals.content.semantic.neutral.primary, // content.neutral.primary + textInverseColor: contextuals.content.semantic.neutral.secondary, // content.neutral.secondary + textMutedColor: contextuals.content.semantic.neutral.tertiary, + + // Toolbar default and active colors + barTextColor: contextuals.content.semantic.neutral.tertiary, // content.neutral.tertiary + barSelectedColor: contextuals.content.semantic.neutral.primary, // content.neutral.primary + barSelectedTextColor: contextuals.content.semantic.neutral.primary, // content.neutral.primary + barBg: contextuals.background.surface.primary, // background.surface.primary + + // Form colors + inputBg: contextuals.background.surface.primary, // background.surface.primary + inputBorder: contextuals.border.semantic.neutral.secondary, // border.neutral.secondary + inputTextColor: contextuals.content.semantic.neutral.primary, // content.neutral.primary + inputBorderRadius: 2, + + // Code preview colors + codeBg: contextuals.background.surface.secondary, // background.surface.secondary + codeColor: contextuals.content.semantic.neutral.primary, // content.neutral.primary + }; +}; + +export const themes = { + default: create({ + base: "light", + ...buildTheme(tokens.themes.default), + }), + dark: create({ + base: "dark", + ...buildTheme(tokens.themes.dark as DesignTokens, "dark"), + }), +}; + +export const Themes = { + 'dsfr-light': ['dsfr-light', 'DSFR light'], + 'dsfr-dark': ['dsfr-dark', 'DSFR dark'], + 'white-label-light': ['default', 'White label light'], + 'white-label-dark': ['dark', 'White label dark'], + 'anct-light': ['anct-light', 'ANCT light'], + 'anct-dark': ['anct-dark', 'ANCT dark'], +} + +export const BACKGROUND_COLOR_TO_THEME = { + "#FEFFFF": 'dsfr-light', + "#2B303D": 'dsfr-dark', + "#FFFEFF": 'anct-light', + "#283044": 'anct-dark', + "#FFFFFF": 'white-label-light', + "#2F2F40": 'white-label-dark', +}; + +export const getThemeFromGlobals = (globals): string => { + const themeKey = BACKGROUND_COLOR_TO_THEME[globals.backgrounds?.value] ?? 'dsfr-light'; + return Themes[themeKey][0]; +}; diff --git a/CHANGELOG.md b/CHANGELOG.md index f9ed817..e6a7a65 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,22 +5,23 @@ ### Minor Changes - Add props to customize row in TreeView component +- Override design tokens for both default and dark themes ## 0.18.4 -### Patch Changes +### Patch Changes - fix LaGaufreV2 component rerender and add headerLogo for mobile ## 0.18.3 -### Patch Changes +### Patch Changes - fixes the responsiveness of the User Menu component ## 0.18.2 -### Patch Changes +### Patch Changes - fix missing export LaGaufreV2 component @@ -34,7 +35,7 @@ ### Major changes -- Add pagination to the tree components +- Add pagination to the tree components ### Patch Changes diff --git a/cunningham.ts b/cunningham.ts index 70deda0..b788544 100644 --- a/cunningham.ts +++ b/cunningham.ts @@ -1,422 +1,1182 @@ +import { getThemesFromGlobals } from "@gouvfr-lasuite/cunningham-tokens"; +// import merge from "lodash.merge"; - -const designTokens = { - themes: { - default: { - globals: { - colors: { - "brand-050": "#EDF0FF", - "brand-100": "#DAE2FF", - "brand-150": "#C8D3FF", - "brand-200": "#B5C4FF", - "brand-250": "#A2B6FF", - "brand-300": "#90A7FF", - "brand-350": "#7E98FF", - "brand-400": "#6C89FE", - "brand-450": "#5C7AF7", - "brand-500": "#4C6CEF", - "brand-550": "#3E5DE7", - "brand-600": "#304DDF", - "brand-650": "#2845C1", - "brand-700": "#223E9E", - "brand-750": "#1F367D", - "brand-800": "#1B2E5F", - "brand-850": "#172446", - "brand-900": "#121B30", - "brand-950": "#0C111A", - "gray-000": "#FFFFFF", - "gray-025": "#F6F8F9", - "gray-050": "#EEF1F4", - "gray-100": "#DFE2EA", - "gray-150": "#CFD5DE", - "gray-200": "#C1C7D3", - "gray-250": "#B2B9C7", - "gray-300": "#A4ABBC", - "gray-350": "#969EB0", - "gray-400": "#8891A4", - "gray-450": "#7B8498", - "gray-500": "#6D778C", - "gray-550": "#626A80", - "gray-600": "#555E74", - "gray-650": "#4A5267", - "gray-700": "#3F4759", - "gray-750": "#363B4C", - "gray-800": "#2B303D", - "gray-850": "#222631", - "gray-900": "#181B24", - "gray-950": "#0F1117", - "gray-1000": "#000000", - "info-050": "#E7F2FF", - "info-100": "#CFE5FF", - "info-150": "#B7D7FF", - "info-200": "#A0CAFE", - "info-250": "#8CBCF9", - "info-300": "#77AEF4", - "info-350": "#63A0EE", - "info-400": "#5092E7", - "info-450": "#4185DC", - "info-500": "#3677CC", - "info-550": "#2F6ABB", - "info-600": "#265EAA", - "info-650": "#28528F", - "info-700": "#274775", - "info-750": "#243C5E", - "info-800": "#20314A", - "info-850": "#1B2637", - "info-900": "#141C27", - "info-950": "#0D1118", - "success-050": "#DEF7E6", - "success-100": "#BAEECF", - "success-150": "#A5E2C0", - "success-200": "#95D4B3", - "success-250": "#85C6A7", - "success-300": "#74B99B", - "success-350": "#65AB8F", - "success-400": "#579E84", - "success-450": "#4B9079", - "success-500": "#40836F", - "success-550": "#367664", - "success-600": "#2B695A", - "success-650": "#2C5A50", - "success-700": "#2A4D45", - "success-750": "#26403C", - "success-800": "#213430", - "success-850": "#1B2826", - "success-900": "#151D1C", - "success-950": "#0D1212", - "warning-050": "#FFEEDF", - "warning-100": "#FFDCBE", - "warning-150": "#FFCA9C", - "warning-200": "#FFB778", - "warning-250": "#FDA54F", - "warning-300": "#F59425", - "warning-350": "#E78613", - "warning-400": "#D7790C", - "warning-450": "#C86C08", - "warning-500": "#B85F03", - "warning-550": "#A75400", - "warning-600": "#984800", - "warning-650": "#814112", - "warning-700": "#6C3A19", - "warning-750": "#58321C", - "warning-800": "#452A1A", - "warning-850": "#352117", - "warning-900": "#261813", - "warning-950": "#170F0C", - "error-050": "#FFEDEB", - "error-100": "#FFDAD7", - "error-150": "#FFC7C2", - "error-200": "#FFB3AD", - "error-250": "#FF9F99", - "error-300": "#FF8984", - "error-350": "#FF706E", - "error-400": "#FB5759", - "error-450": "#F63A45", - "error-500": "#E32C39", - "error-550": "#CF202D", - "error-600": "#BD0F23", - "error-650": "#9D2227", - "error-700": "#812727", - "error-750": "#672624", - "error-800": "#512220", - "error-850": "#3D1C1B", - "error-900": "#2A1614", - "error-950": "#190E0D", - "red-050": "#FFEDEB", - "red-100": "#FFDAD7", - "red-150": "#FFC7C2", - "red-200": "#FFB3AD", - "red-250": "#FF9F99", - "red-300": "#FF8984", - "red-350": "#FF706E", - "red-400": "#FB5759", - "red-450": "#F63A45", - "red-500": "#E32C39", - "red-550": "#CF202D", - "red-600": "#BD0F23", - "red-650": "#9D2227", - "red-700": "#812727", - "red-750": "#672624", - "red-800": "#512220", - "red-850": "#3D1C1B", - "red-900": "#2A1614", - "red-950": "#190E0D", - "orange-050": "#FCEDEB", - "orange-100": "#F8DCD7", - "orange-150": "#F1CCC5", - "orange-200": "#EABCB4", - "orange-250": "#E2ACA2", - "orange-300": "#DA9C92", - "orange-350": "#D28C81", - "orange-400": "#CA7C70", - "orange-450": "#BE6E62", - "orange-500": "#AE6257", - "orange-550": "#9E564D", - "orange-600": "#8F4B42", - "orange-650": "#79443D", - "orange-700": "#643C37", - "orange-750": "#513430", - "orange-800": "#412B28", - "orange-850": "#312220", - "orange-900": "#231918", - "orange-950": "#150F0F", - "brown-050": "#F9EFEA", - "brown-100": "#F3DFD3", - "brown-150": "#EACFC1", - "brown-200": "#E2BFAE", - "brown-250": "#D8B19C", - "brown-300": "#D0A189", - "brown-350": "#C3937B", - "brown-400": "#B5866D", - "brown-450": "#A77A62", - "brown-500": "#996D57", - "brown-550": "#8B614D", - "brown-600": "#7C5542", - "brown-650": "#6A4C3C", - "brown-700": "#594236", - "brown-750": "#49382F", - "brown-800": "#3B2E28", - "brown-850": "#2D2420", - "brown-900": "#201A18", - "brown-950": "#13100F", - "yellow-050": "#FDF1C5", - "yellow-100": "#FBE18E", - "yellow-150": "#F4D261", - "yellow-200": "#EAC244", - "yellow-250": "#DFB41B", - "yellow-300": "#D1A516", - "yellow-350": "#C49711", - "yellow-400": "#B78A0C", - "yellow-450": "#A87D07", - "yellow-500": "#9B6F02", - "yellow-550": "#8D6300", - "yellow-600": "#7F5600", - "yellow-650": "#6E4C11", - "yellow-700": "#5D4219", - "yellow-750": "#4D371B", - "yellow-800": "#3D2E1A", - "yellow-850": "#2F2417", - "yellow-900": "#221A12", - "yellow-950": "#14100C", - "green-050": "#E7F9B3", - "green-100": "#D5EC98", - "green-150": "#C5DE86", - "green-200": "#B5D174", - "green-250": "#A5C464", - "green-300": "#95B755", - "green-350": "#85AA45", - "green-400": "#769D39", - "green-450": "#688F30", - "green-500": "#5A8228", - "green-550": "#4D7621", - "green-600": "#416919", - "green-650": "#3A5B20", - "green-700": "#324E22", - "green-750": "#2C4122", - "green-800": "#24351D", - "green-850": "#1D2919", - "green-900": "#161E13", - "green-950": "#0E120C", - "blue1-050": "#E7F2FF", - "blue1-100": "#CFE5FF", - "blue1-150": "#B7D7FF", - "blue1-200": "#A0CAFE", - "blue1-250": "#8CBCF9", - "blue1-300": "#77AEF4", - "blue1-350": "#63A0EE", - "blue1-400": "#5092E7", - "blue1-450": "#4185DC", - "blue1-500": "#3677CC", - "blue1-550": "#2F6ABB", - "blue1-600": "#265EAA", - "blue1-650": "#28528F", - "blue1-700": "#274775", - "blue1-750": "#243C5E", - "blue1-800": "#20314A", - "blue1-850": "#1B2637", - "blue1-900": "#141C27", - "blue1-950": "#0D1118", - "blue2-050": "#E2F4FD", - "blue2-100": "#C4E8F8", - "blue2-150": "#AADCF2", - "blue2-200": "#93CFEB", - "blue2-250": "#7CC2E2", - "blue2-300": "#6CB4D6", - "blue2-350": "#5CA7C9", - "blue2-400": "#5099BC", - "blue2-450": "#458BAE", - "blue2-500": "#3A7EA0", - "blue2-550": "#327191", - "blue2-600": "#286483", - "blue2-650": "#2B5770", - "blue2-700": "#294A5E", - "blue2-750": "#263E4D", - "blue2-800": "#22323D", - "blue2-850": "#1C272E", - "blue2-900": "#151D21", - "blue2-950": "#0E1114", - "purple-050": "#F5EEFF", - "purple-100": "#ECDCFF", - "purple-150": "#E2CBFF", - "purple-200": "#D9B9FF", - "purple-250": "#D0A7FF", - "purple-300": "#C894FE", - "purple-350": "#BE83FA", - "purple-400": "#B570F5", - "purple-450": "#AB5EF0", - "purple-500": "#A04BE8", - "purple-550": "#933CDB", - "purple-600": "#8530C8", - "purple-650": "#7033A5", - "purple-700": "#5D3185", - "purple-750": "#4C2C6A", - "purple-800": "#3C2652", - "purple-850": "#2D203C", - "purple-900": "#21182A", - "purple-950": "#130F19", - "pink-050": "#FFEBF6", - "pink-100": "#FFD8ED", - "pink-150": "#FCC4E3", - "pink-200": "#F7B2D9", - "pink-250": "#F29FCE", - "pink-300": "#ED8CC3", - "pink-350": "#E779B8", - "pink-400": "#E264AD", - "pink-450": "#D2579E", - "pink-500": "#C24B8E", - "pink-550": "#B0417F", - "pink-600": "#9F3670", - "pink-650": "#873560", - "pink-700": "#6F3250", - "pink-750": "#5A2C43", - "pink-800": "#472635", - "pink-850": "#351F29", - "pink-900": "#26171D", - "pink-950": "#170F12" - }, - 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: 100, - extrabold: 800, - black: 900, - }, - families: { - accent: "Marianne", - base: "Marianne", - }, - }, - spacings: { - "0": "0", - none: "0", - auto: "auto", - bx: "2.2rem", - full: "100%", - "4xs": "0.125rem", - "3xs": "0.25rem", - "2xs": "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: { - xxs: "320px", - xs: "480px", - mobile: "768px", - tablet: "1024px", - }, +const commonTokenOverrides = { + components: { + modal: { + "width-small": "342px", + }, + tooltip: { + padding: "4px 8px", + "background-color": + "ref(contextuals.background.semantic.neutral.tertiary)", + }, + button: { + "medium-height": "40px", + "medium-text-height": "40px", + "border-radius": "4px", + "border-radius--active": "4px", + "border-radius--focus": "4px", + }, + datagrid: { + "header--color": "ref(contextuals.content.semantic.neutral.primary)", + "header--size": "12px", + "header--weight": "500", + "body--background-color-hover": + "ref(contextuals.background.semantic.neutral.tertiary)", + }, + "forms-checkbox": { + "font-size": "ref(globals.font.sizes.sm)", + }, + badge: { + "font-size": "ref(globals.font.sizes.xs)", + "border-radius": "12px", + "padding-inline": "ref(globals.spacings.xs)", + "padding-block": "ref(globals.spacings.2xs)", + accent: { + "background-color": + "ref(contextuals.background.semantic.brand.secondary)", + color: "ref(contextuals.content.semantic.brand.secondary)", }, - - components: { - modal: { - "width-small": "342px", - }, - tooltip: { - padding: "4px 8px", - "background-color": "ref(contextuals.background.semantic.neutral.tertiary)", - }, - button: { - "medium-height": "40px", - "medium-text-height": "40px", - "border-radius": "4px", - "border-radius--active": "4px", - "border-radius--focus": "4px", - }, - datagrid: { - "header--color": "ref(contextuals.content.semantic.neutral.primary)", - "header--size": "12px", - "header--weight": "500", - "body--background-color-hover": "ref(contextuals.background.semantic.neutral.tertiary)", - }, - "forms-checkbox": { - "font-size": "ref(globals.font.sizes.sm)", - }, - "badge": { - "font-size": "ref(globals.font.sizes.xs)", - "border-radius": "12px", - "padding-inline": "ref(globals.spacings.xs)", - "padding-block": "ref(globals.spacings.2xs)", - "accent": { - "background-color": "ref(contextuals.background.semantic.brand.secondary)", - "color": "ref(contextuals.content.semantic.brand.secondary)", - }, - "neutral": { - "background-color": "ref(contextuals.background.semantic.neutral.secondary)", - "color": "ref(contextuals.content.semantic.neutral.secondary)", - }, - "danger": { - "background-color": "ref(contextuals.background.semantic.error.secondary)", - "color": "ref(contextuals.content.semantic.error.secondary)", - }, - "success": { - "background-color": "ref(contextuals.background.semantic.success.secondary)", - "color": "ref(contextuals.content.semantic.success.secondary)", - }, - "warning": { - "background-color": "ref(contextuals.background.semantic.warning.secondary)", - "color": "ref(contextuals.content.semantic.warning.secondary)", - }, - "info": { - "background-color": "ref(contextuals.background.semantic.info.secondary)", - "color": "ref(contextuals.content.semantic.info.secondary)", - }, - }, + neutral: { + "background-color": + "ref(contextuals.background.semantic.neutral.secondary)", + color: "ref(contextuals.content.semantic.neutral.secondary)", + }, + danger: { + "background-color": + "ref(contextuals.background.semantic.error.secondary)", + color: "ref(contextuals.content.semantic.error.secondary)", + }, + success: { + "background-color": + "ref(contextuals.background.semantic.success.secondary)", + color: "ref(contextuals.content.semantic.success.secondary)", + }, + warning: { + "background-color": + "ref(contextuals.background.semantic.warning.secondary)", + color: "ref(contextuals.content.semantic.warning.secondary)", }, + info: { + "background-color": + "ref(contextuals.background.semantic.info.secondary)", + color: "ref(contextuals.content.semantic.info.secondary)", + }, + }, + }, +}; + +const commonGlobals = { + 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: 100, + extrabold: 800, + black: 900, + }, + families: { + accent: "Marianne, Inter, Roboto Flex Variable, sans-serif", + base: "Marianne, Inter, Roboto Flex Variable, sans-serif", + }, + }, + spacings: { + "0": "0", + none: "0", + auto: "auto", + bx: "2.2rem", + full: "100%", + "4xs": "0.125rem", + "3xs": "0.25rem", + "2xs": "0.375rem", + xs: "0.5rem", + sm: "0.75rem", + base: "1rem", + md: "1.5rem", + lg: "2rem", + xl: "2.5rem", + xxl: "3rem", + "2xl": "3rem", + xxxl: "3.5rem", + "3xl": "3.5rem", + "4xl": "4rem", + "5xl": "4.5rem", + "6xl": "6rem", + "7xl": "7.5rem", + }, + breakpoints: { + xxs: "320px", + xs: "480px", + mobile: "768px", + tablet: "1024px", + }, +}; + +const whiteLabelGlobals = { + colors: { + "logo-1": "#4747A3", + "logo-2": "#4747A3", + "logo-1-dark": "#C5C5F0", + "logo-2-dark": "#C1C1FF", + "brand-050": "#EFEFFF", + "brand-100": "#E0E0FF", + "brand-150": "#D0D0FF", + "brand-200": "#C1C1FF", + "brand-250": "#B2B2FF", + "brand-300": "#A2A2FF", + "brand-350": "#9393FB", + "brand-400": "#8484F7", + "brand-450": "#7575F2", + "brand-500": "#6969DF", + "brand-550": "#5C5CD3", + "brand-600": "#5151BB", + "brand-650": "#4747A3", + "brand-700": "#3D3D8C", + "brand-750": "#34356E", + "brand-800": "#2C2D54", + "brand-850": "#23253C", + "brand-900": "#1A1B28", + "brand-950": "#111117", + "gray-000": "#FFFFFF", + "gray-025": "#F8F8FA", + "gray-050": "#F0F0F3", + "gray-100": "#E2E2EA", + "gray-150": "#D3D4E0", + "gray-200": "#C5C6D5", + "gray-250": "#B7B7CB", + "gray-300": "#A9A9BF", + "gray-350": "#9C9CB2", + "gray-400": "#8F8FA4", + "gray-450": "#828297", + "gray-500": "#75758A", + "gray-550": "#69697D", + "gray-600": "#5D5D70", + "gray-650": "#515164", + "gray-700": "#454558", + "gray-750": "#3A3A4C", + "gray-800": "#2F2F40", + "gray-850": "#252435", + "gray-900": "#1A1A2A", + "gray-950": "#101019", + "gray-1000": "#000000", + "info-050": "#E7F2FE", + "info-100": "#CEE5FD", + "info-150": "#B5D8FC", + "info-200": "#9CCBFA", + "info-250": "#83BDF9", + "info-300": "#69B0F8", + "info-350": "#4FA2F7", + "info-400": "#3393F5", + "info-450": "#1583F4", + "info-500": "#0074EB", + "info-550": "#0068D2", + "info-600": "#005CBB", + "info-650": "#0051A3", + "info-700": "#114785", + "info-750": "#173D6A", + "info-800": "#183251", + "info-850": "#16273B", + "info-900": "#121D28", + "info-950": "#0C1217", + "success-050": "#E8F3EC", + "success-100": "#D1E8DA", + "success-150": "#BBDCC8", + "success-200": "#A4D0B4", + "success-250": "#8DC5A3", + "success-300": "#76B990", + "success-350": "#5FAE7D", + "success-400": "#48A26A", + "success-450": "#309556", + "success-500": "#1E8847", + "success-550": "#1B7A3F", + "success-600": "#186C38", + "success-650": "#155F31", + "success-700": "#1C502D", + "success-750": "#1E4229", + "success-800": "#1C3524", + "success-850": "#19291E", + "success-900": "#141D17", + "success-950": "#0D110E", + "warning-050": "#FBEEE7", + "warning-100": "#F7DDCF", + "warning-150": "#F3CDB7", + "warning-200": "#EFBC9E", + "warning-250": "#EBAA86", + "warning-300": "#E7986C", + "warning-350": "#E38652", + "warning-400": "#DF7336", + "warning-450": "#DA5E18", + "warning-500": "#D04B00", + "warning-550": "#BB4300", + "warning-600": "#A63C00", + "warning-650": "#913400", + "warning-700": "#783211", + "warning-750": "#602E17", + "warning-800": "#4C2818", + "warning-850": "#382116", + "warning-900": "#261912", + "warning-950": "#16100C", + "error-050": "#FEEDEC", + "error-100": "#FEDAD9", + "error-150": "#FDC7C6", + "error-200": "#FCB4B2", + "error-250": "#FCA09E", + "error-300": "#FB8B88", + "error-350": "#FA7470", + "error-400": "#F95A55", + "error-450": "#F83832", + "error-500": "#EF0700", + "error-550": "#D70600", + "error-600": "#BF0500", + "error-650": "#A90500", + "error-700": "#8B1B11", + "error-750": "#712017", + "error-800": "#582018", + "error-850": "#421C16", + "error-900": "#2E1713", + "error-950": "#1C0F0D", + "red-050": "#FCEDEE", + "red-100": "#FADBDD", + "red-150": "#F8C9CC", + "red-200": "#F5B6BA", + "red-250": "#F3A3A8", + "red-300": "#F18F96", + "red-350": "#EF7A82", + "red-400": "#EC646D", + "red-450": "#E94A55", + "red-500": "#E52835", + "red-550": "#E1000F", + "red-600": "#C0000C", + "red-650": "#A9000B", + "red-700": "#930009", + "red-750": "#7D0007", + "red-800": "#680006", + "red-850": "#540005", + "red-900": "#410003", + "red-950": "#2C0002", + "orange-050": "#FBEEE8", + "orange-100": "#F8DDD1", + "orange-150": "#F4CCBA", + "orange-200": "#F0BBA3", + "orange-250": "#ECA98B", + "orange-300": "#E99774", + "orange-350": "#E58459", + "orange-400": "#E4794A", + "orange-450": "#C86A40", + "orange-500": "#B65F3A", + "orange-550": "#A25533", + "orange-600": "#904B2E", + "orange-650": "#7E4228", + "orange-700": "#6C3922", + "orange-750": "#5B2F1C", + "orange-800": "#4A2717", + "orange-850": "#3B1E12", + "orange-900": "#2A160D", + "orange-950": "#1A0E08", + "brown-050": "#F5F0EB", + "brown-100": "#EBE0D7", + "brown-150": "#E2D1C5", + "brown-200": "#D8C2B1", + "brown-250": "#CEB39E", + "brown-300": "#C6A58C", + "brown-350": "#BB9679", + "brown-400": "#AC8A6F", + "brown-450": "#9C7D64", + "brown-500": "#8D725B", + "brown-550": "#7E6551", + "brown-600": "#6F5A48", + "brown-650": "#614F3F", + "brown-700": "#544336", + "brown-750": "#46392D", + "brown-800": "#392E24", + "brown-850": "#2D241D", + "brown-900": "#211A15", + "brown-950": "#14100D", + "yellow-050": "#F6F0E1", + "yellow-100": "#EEE1C2", + "yellow-150": "#E5D3A4", + "yellow-200": "#DCC485", + "yellow-250": "#D3B567", + "yellow-300": "#CBA748", + "yellow-350": "#C3992A", + "yellow-400": "#B28B25", + "yellow-450": "#A27E21", + "yellow-500": "#92721F", + "yellow-550": "#83661B", + "yellow-600": "#745B18", + "yellow-650": "#664F15", + "yellow-700": "#574412", + "yellow-750": "#48390F", + "yellow-800": "#3B2E0B", + "yellow-850": "#2E2409", + "yellow-900": "#221A06", + "yellow-950": "#151004", + "green-050": "#E2F4EC", + "green-100": "#C6EADB", + "green-150": "#A9E0C9", + "green-200": "#89D6B5", + "green-250": "#69CBA1", + "green-300": "#46BF8B", + "green-350": "#22B374", + "green-400": "#00A95F", + "green-450": "#009755", + "green-500": "#00894D", + "green-550": "#007A44", + "green-600": "#006D3D", + "green-650": "#005F35", + "green-700": "#00522E", + "green-750": "#004526", + "green-800": "#00381F", + "green-850": "#002C18", + "green-900": "#002112", + "green-950": "#00140A", + "blue1-050": "#ECF1F8", + "blue1-100": "#D7E3F1", + "blue1-150": "#C3D6EC", + "blue1-200": "#B0C9E5", + "blue1-250": "#9DBBE0", + "blue1-300": "#8AAED9", + "blue1-350": "#76A1D3", + "blue1-400": "#6193CD", + "blue1-450": "#4E86C7", + "blue1-500": "#417DC4", + "blue1-550": "#376CAA", + "blue1-600": "#316097", + "blue1-650": "#2B5484", + "blue1-700": "#254872", + "blue1-750": "#1F3C5F", + "blue1-800": "#19314E", + "blue1-850": "#14263D", + "blue1-900": "#0E1C2C", + "blue1-950": "#09111B", + "blue-2-050": "#E6F3F4", + "blue-2-100": "#CBE8E9", + "blue-2-150": "#B2DCDE", + "blue-2-200": "#96D0D4", + "blue-2-250": "#7AC4C9", + "blue-2-300": "#5EB8BE", + "blue-2-350": "#44ACB3", + "blue-2-400": "#269FA7", + "blue-2-450": "#05929B", + "blue-2-500": "#009099", + "blue-2-550": "#00767C", + "blue-2-600": "#00696F", + "blue-2-650": "#005C61", + "blue-2-700": "#004F53", + "blue-2-750": "#004246", + "blue-2-800": "#003639", + "blue-2-850": "#002B2D", + "blue-2-900": "#001F21", + "blue-2-950": "#001415", + "purple-050": "#F5EEF5", + "purple-100": "#ECDEEC", + "purple-150": "#E4CDE3", + "purple-200": "#DBBDD9", + "purple-250": "#D3ADD0", + "purple-300": "#CA9DC7", + "purple-350": "#C18DBE", + "purple-400": "#B87DB4", + "purple-450": "#B06CAB", + "purple-500": "#8F58A5", + "purple-550": "#975093", + "purple-600": "#864783", + "purple-650": "#743E72", + "purple-700": "#643662", + "purple-750": "#542D52", + "purple-800": "#442443", + "purple-850": "#351C34", + "purple-900": "#271526", + "purple-950": "#180C18", + "pink-050": "#FAEEEA", + "pink-100": "#F5DDD6", + "pink-150": "#F1CCC3", + "pink-200": "#EDBBAF", + "pink-250": "#E8AA9B", + "pink-300": "#E39886", + "pink-350": "#E18B76", + "pink-400": "#CA7C69", + "pink-450": "#B86088", + "pink-500": "#A66657", + "pink-550": "#955B4D", + "pink-600": "#845044", + "pink-650": "#73473C", + "pink-700": "#633D34", + "pink-750": "#53322B", + "pink-800": "#452923", + "pink-850": "#36201C", + "pink-900": "#271713", + "pink-950": "#190E0C", + "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": "#000000B2", + "black-750": "#000000BF", + "black-800": "#000000CC", + "black-850": "#000000D9", + "black-900": "#000000E5", + "black-950": "#000000F2", + "white-000": "#FFFFFF00", + "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": "#FFFFFFB2", + "white-750": "#FFFFFFBF", + "white-800": "#FFFFFFCC", + "white-850": "#FFFFFFD9", + "white-900": "#FFFFFFE5", + "white-950": "#FFFFFFF2", + "white-975": "#FFFFFFF9", + }, + ...commonGlobals, + font: { + ...commonGlobals.font, + families: { + base: "Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif", + accent: "Hanken Grotesk, Inter, Roboto Flex Variable, sans-serif", }, } }; -const config = { ...designTokens }; +const dsfrGlobals = { + colors: { + "logo-1": "#2845C1", + "logo-2": "#C83F49", + "logo-1-dark": "#95ABFF", + "logo-2-dark": "#E78087", + "brand-050": "#EDF0FF", + "brand-100": "#DAE2FF", + "brand-150": "#C8D3FF", + "brand-200": "#B5C4FF", + "brand-250": "#A2B6FF", + "brand-300": "#90A7FF", + "brand-350": "#7E98FF", + "brand-400": "#6C89FE", + "brand-450": "#5C7AF7", + "brand-500": "#4C6CEF", + "brand-550": "#3E5DE7", + "brand-600": "#304DDF", + "brand-650": "#2845C1", + "brand-700": "#223E9E", + "brand-750": "#1F367D", + "brand-800": "#1B2E5F", + "brand-850": "#172446", + "brand-900": "#121B30", + "brand-950": "#0C111A", + "gray-000": "#FFFFFF", + "gray-025": "#F6F8F9", + "gray-050": "#EEF1F4", + "gray-100": "#DFE2EA", + "gray-150": "#CFD5DE", + "gray-200": "#C1C7D3", + "gray-250": "#B2B9C7", + "gray-300": "#A4ABBC", + "gray-350": "#969EB0", + "gray-400": "#8891A4", + "gray-450": "#7B8498", + "gray-500": "#6D778C", + "gray-550": "#626A80", + "gray-600": "#555E74", + "gray-650": "#4A5267", + "gray-700": "#3F4759", + "gray-750": "#363B4C", + "gray-800": "#2B303D", + "gray-850": "#222631", + "gray-900": "#181B24", + "gray-950": "#0F1117", + "gray-1000": "#000000", + "info-050": "#E7F2FF", + "info-100": "#CFE5FF", + "info-150": "#B7D7FF", + "info-200": "#A0CAFE", + "info-250": "#8CBCF9", + "info-300": "#77AEF4", + "info-350": "#63A0EE", + "info-400": "#5092E7", + "info-450": "#4185DC", + "info-500": "#3677CC", + "info-550": "#2F6ABB", + "info-600": "#265EAA", + "info-650": "#28528F", + "info-700": "#274775", + "info-750": "#243C5E", + "info-800": "#20314A", + "info-850": "#1B2637", + "info-900": "#141C27", + "info-950": "#0D1118", + "success-050": "#DEF7E6", + "success-100": "#BAEECF", + "success-150": "#A5E2C0", + "success-200": "#95D4B3", + "success-250": "#85C6A7", + "success-300": "#74B99B", + "success-350": "#65AB8F", + "success-400": "#579E84", + "success-450": "#4B9079", + "success-500": "#40836F", + "success-550": "#367664", + "success-600": "#2B695A", + "success-650": "#2C5A50", + "success-700": "#2A4D45", + "success-750": "#26403C", + "success-800": "#213430", + "success-850": "#1B2826", + "success-900": "#151D1C", + "success-950": "#0D1212", + "warning-050": "#FFEEDF", + "warning-100": "#FFDCBE", + "warning-150": "#FFCA9C", + "warning-200": "#FFB778", + "warning-250": "#FDA54F", + "warning-300": "#F59425", + "warning-350": "#E78613", + "warning-400": "#D7790C", + "warning-450": "#C86C08", + "warning-500": "#B85F03", + "warning-550": "#A75400", + "warning-600": "#984800", + "warning-650": "#814112", + "warning-700": "#6C3A19", + "warning-750": "#58321C", + "warning-800": "#452A1A", + "warning-850": "#352117", + "warning-900": "#261813", + "warning-950": "#170F0C", + "error-050": "#FFEDEB", + "error-100": "#FFDAD7", + "error-150": "#FFC7C2", + "error-200": "#FFB3AD", + "error-250": "#FF9F99", + "error-300": "#FF8984", + "error-350": "#FF706E", + "error-400": "#FB5759", + "error-450": "#F63A45", + "error-500": "#E32C39", + "error-550": "#CF202D", + "error-600": "#BD0F23", + "error-650": "#9D2227", + "error-700": "#812727", + "error-750": "#672624", + "error-800": "#512220", + "error-850": "#3D1C1B", + "error-900": "#2A1614", + "error-950": "#190E0D", + "red-050": "#FFEDEB", + "red-100": "#FFDAD7", + "red-150": "#FFC7C2", + "red-200": "#FFB3AD", + "red-250": "#FF9F99", + "red-300": "#FF8984", + "red-350": "#FF706E", + "red-400": "#FB5759", + "red-450": "#F63A45", + "red-500": "#E32C39", + "red-550": "#CF202D", + "red-600": "#BD0F23", + "red-650": "#9D2227", + "red-700": "#812727", + "red-750": "#672624", + "red-800": "#512220", + "red-850": "#3D1C1B", + "red-900": "#2A1614", + "red-950": "#190E0D", + "orange-050": "#FCEDEB", + "orange-100": "#F8DCD7", + "orange-150": "#F1CCC5", + "orange-200": "#EABCB4", + "orange-250": "#E2ACA2", + "orange-300": "#DA9C92", + "orange-350": "#D28C81", + "orange-400": "#CA7C70", + "orange-450": "#BE6E62", + "orange-500": "#AE6257", + "orange-550": "#9E564D", + "orange-600": "#8F4B42", + "orange-650": "#79443D", + "orange-700": "#643C37", + "orange-750": "#513430", + "orange-800": "#412B28", + "orange-850": "#312220", + "orange-900": "#231918", + "orange-950": "#150F0F", + "brown-050": "#F9EFEA", + "brown-100": "#F3DFD3", + "brown-150": "#EACFC1", + "brown-200": "#E2BFAE", + "brown-250": "#D8B19C", + "brown-300": "#D0A189", + "brown-350": "#C3937B", + "brown-400": "#B5866D", + "brown-450": "#A77A62", + "brown-500": "#996D57", + "brown-550": "#8B614D", + "brown-600": "#7C5542", + "brown-650": "#6A4C3C", + "brown-700": "#594236", + "brown-750": "#49382F", + "brown-800": "#3B2E28", + "brown-850": "#2D2420", + "brown-900": "#201A18", + "brown-950": "#13100F", + "yellow-050": "#FDF1C5", + "yellow-100": "#FBE18E", + "yellow-150": "#F4D261", + "yellow-200": "#EAC244", + "yellow-250": "#DFB41B", + "yellow-300": "#D1A516", + "yellow-350": "#C49711", + "yellow-400": "#B78A0C", + "yellow-450": "#A87D07", + "yellow-500": "#9B6F02", + "yellow-550": "#8D6300", + "yellow-600": "#7F5600", + "yellow-650": "#6E4C11", + "yellow-700": "#5D4219", + "yellow-750": "#4D371B", + "yellow-800": "#3D2E1A", + "yellow-850": "#2F2417", + "yellow-900": "#221A12", + "yellow-950": "#14100C", + "green-050": "#E7F9B3", + "green-100": "#D5EC98", + "green-150": "#C5DE86", + "green-200": "#B5D174", + "green-250": "#A5C464", + "green-300": "#95B755", + "green-350": "#85AA45", + "green-400": "#769D39", + "green-450": "#688F30", + "green-500": "#5A8228", + "green-550": "#4D7621", + "green-600": "#416919", + "green-650": "#3A5B20", + "green-700": "#324E22", + "green-750": "#2C4122", + "green-800": "#24351D", + "green-850": "#1D2919", + "green-900": "#161E13", + "green-950": "#0E120C", + "blue1-050": "#E7F2FF", + "blue1-100": "#CFE5FF", + "blue1-150": "#B7D7FF", + "blue1-200": "#A0CAFE", + "blue1-250": "#8CBCF9", + "blue1-300": "#77AEF4", + "blue1-350": "#63A0EE", + "blue1-400": "#5092E7", + "blue1-450": "#4185DC", + "blue1-500": "#3677CC", + "blue1-550": "#2F6ABB", + "blue1-600": "#265EAA", + "blue1-650": "#28528F", + "blue1-700": "#274775", + "blue1-750": "#243C5E", + "blue1-800": "#20314A", + "blue1-850": "#1B2637", + "blue1-900": "#141C27", + "blue1-950": "#0D1118", + "blue2-050": "#E2F4FD", + "blue2-100": "#C4E8F8", + "blue2-150": "#AADCF2", + "blue2-200": "#93CFEB", + "blue2-250": "#7CC2E2", + "blue2-300": "#6CB4D6", + "blue2-350": "#5CA7C9", + "blue2-400": "#5099BC", + "blue2-450": "#458BAE", + "blue2-500": "#3A7EA0", + "blue2-550": "#327191", + "blue2-600": "#286483", + "blue2-650": "#2B5770", + "blue2-700": "#294A5E", + "blue2-750": "#263E4D", + "blue2-800": "#22323D", + "blue2-850": "#1C272E", + "blue2-900": "#151D21", + "blue2-950": "#0E1114", + "purple-050": "#F5EEFF", + "purple-100": "#ECDCFF", + "purple-150": "#E2CBFF", + "purple-200": "#D9B9FF", + "purple-250": "#D0A7FF", + "purple-300": "#C894FE", + "purple-350": "#BE83FA", + "purple-400": "#B570F5", + "purple-450": "#AB5EF0", + "purple-500": "#A04BE8", + "purple-550": "#933CDB", + "purple-600": "#8530C8", + "purple-650": "#7033A5", + "purple-700": "#5D3185", + "purple-750": "#4C2C6A", + "purple-800": "#3C2652", + "purple-850": "#2D203C", + "purple-900": "#21182A", + "purple-950": "#130F19", + "pink-050": "#FFEBF6", + "pink-100": "#FFD8ED", + "pink-150": "#FCC4E3", + "pink-200": "#F7B2D9", + "pink-250": "#F29FCE", + "pink-300": "#ED8CC3", + "pink-350": "#E779B8", + "pink-400": "#E264AD", + "pink-450": "#D2579E", + "pink-500": "#C24B8E", + "pink-550": "#B0417F", + "pink-600": "#9F3670", + "pink-650": "#873560", + "pink-700": "#6F3250", + "pink-750": "#5A2C43", + "pink-800": "#472635", + "pink-850": "#351F29", + "pink-900": "#26171D", + "pink-950": "#170F12", + "black-000": "#181B2400", + "black-050": "#181B240D", + "black-100": "#181B241A", + "black-150": "#181B2426", + "black-200": "#181B2433", + "black-250": "#181B2440", + "black-300": "#181B244D", + "black-350": "#181B2459", + "black-400": "#181B2466", + "black-450": "#181B2473", + "black-500": "#181B2480", + "black-550": "#181B248C", + "black-600": "#181B2499", + "black-650": "#181B24A6", + "black-700": "#181B24B2", + "black-750": "#181B24BF", + "black-800": "#181B24CC", + "black-850": "#181B24D9", + "black-900": "#181B24E5", + "black-950": "#0F1117F2", + "white-000": "#F6F8F900", + "white-050": "#F6F8F90D", + "white-100": "#F6F8F91A", + "white-150": "#F6F8F926", + "white-200": "#F6F8F933", + "white-250": "#F6F8F940", + "white-300": "#F6F8F94D", + "white-350": "#F6F8F959", + "white-400": "#F6F8F966", + "white-450": "#F6F8F973", + "white-500": "#F6F8F980", + "white-550": "#F6F8F98C", + "white-600": "#F6F8F999", + "white-650": "#F6F8F9A6", + "white-700": "#F6F8F9B2", + "white-750": "#F6F8F9BF", + "white-800": "#F6F8F9CC", + "white-850": "#F6F8F9D9", + "white-900": "#F6F8F9E5", + "white-950": "#F6F8F9F2", + "white-975": "#F6F8F9F9", + }, + ...commonGlobals, +}; + +const anctGlobals = { + colors: { + "logo-1": "#2845C1", + "logo-2": "#FBC63A", + "logo-1-dark": "#94A3E5", + "logo-2-dark": "#EFD183", + "brand-050": "#EEF0F9", + "brand-100": "#DDE2F5", + "brand-150": "#CBD4F1", + "brand-200": "#B8C6F0", + "brand-250": "#A5B7F2", + "brand-300": "#91A8F7", + "brand-350": "#7C98FE", + "brand-400": "#6A89FF", + "brand-450": "#5A7AFB", + "brand-500": "#4B6BF0", + "brand-550": "#3E5CE7", + "brand-600": "#3352D5", + "brand-650": "#2A47C0", + "brand-700": "#2340A3", + "brand-750": "#223A7F", + "brand-800": "#1F325F", + "brand-850": "#1B2845", + "brand-900": "#151E30", + "brand-950": "#0D121D", + "gray-000": "#FFFFFF", + "gray-025": "#F6F8FA", + "gray-050": "#ECF1F7", + "gray-100": "#DDE3F3", + "gray-150": "#CCD4EA", + "gray-200": "#BCC7E0", + "gray-250": "#AEB9D2", + "gray-300": "#A1ABC4", + "gray-350": "#949EB6", + "gray-400": "#8791A9", + "gray-450": "#7A849B", + "gray-500": "#6D778E", + "gray-550": "#616A81", + "gray-600": "#555E75", + "gray-650": "#495268", + "gray-700": "#3E475C", + "gray-750": "#333B50", + "gray-800": "#283044", + "gray-850": "#1E2539", + "gray-900": "#171B28", + "gray-950": "#0F1118", + "gray-1000": "#000000", + "info-050": "#E9F2F8", + "info-100": "#D2E5F1", + "info-150": "#C0D7F0", + "info-200": "#AEC8F0", + "info-250": "#9EB9F2", + "info-300": "#8DABEE", + "info-350": "#7B9DE9", + "info-400": "#6E8FDB", + "info-450": "#6282CD", + "info-500": "#5575BF", + "info-550": "#4968B1", + "info-600": "#3E5CA3", + "info-650": "#344F97", + "info-700": "#294389", + "info-750": "#243972", + "info-800": "#1D2F5B", + "info-850": "#1A2744", + "info-900": "#151D2F", + "info-950": "#0E131F", + "success-050": "#E7F1E9", + "success-100": "#CFE3D3", + "success-150": "#B9D8C0", + "success-200": "#A1CEAC", + "success-250": "#85C496", + "success-300": "#63BC7F", + "success-350": "#45B16B", + "success-400": "#1CA659", + "success-450": "#00984C", + "success-500": "#008A3F", + "success-550": "#007C32", + "success-600": "#006E24", + "success-650": "#016016", + "success-700": "#005305", + "success-750": "#0D450A", + "success-800": "#11380E", + "success-850": "#132A11", + "success-900": "#101E0F", + "success-950": "#091209", + "warning-050": "#F6F0E8", + "warning-100": "#EDE2D1", + "warning-150": "#E6D3B8", + "warning-200": "#E3C39F", + "warning-250": "#E3B082", + "warning-300": "#E19E5C", + "warning-350": "#D98E3F", + "warning-400": "#CF7D19", + "warning-450": "#C17000", + "warning-500": "#B36300", + "warning-550": "#A45600", + "warning-600": "#964900", + "warning-650": "#893C00", + "warning-700": "#7B2F00", + "warning-750": "#68270D", + "warning-800": "#562013", + "warning-850": "#411D18", + "warning-900": "#2E1714", + "warning-950": "#1D0F0D", + "error-050": "#F9EFEC", + "error-100": "#F4DFD9", + "error-150": "#F0CEC6", + "error-200": "#EEBCB2", + "error-250": "#EEA99D", + "error-300": "#EF9487", + "error-350": "#F37C6E", + "error-400": "#F65F53", + "error-450": "#EF443C", + "error-500": "#E0342E", + "error-550": "#D0201F", + "error-600": "#C0000C", + "error-650": "#AA0000", + "error-700": "#910C06", + "error-750": "#731E16", + "error-800": "#58201A", + "error-850": "#411D18", + "error-900": "#2E1714", + "error-950": "#1D0F0D", + "red-050": "#F9EFEC", + "red-100": "#F4DEDA", + "red-150": "#F0CDC9", + "red-200": "#EEBBB6", + "red-250": "#EEA8A2", + "red-300": "#F0938D", + "red-350": "#EC7E78", + "red-400": "#E46D67", + "red-450": "#D95B58", + "red-500": "#CA4E4B", + "red-550": "#BB403F", + "red-600": "#AC3233", + "red-650": "#9D2227", + "red-700": "#882023", + "red-750": "#721D1B", + "red-800": "#58201A", + "red-850": "#401D18", + "red-900": "#2E1714", + "red-950": "#1D0F0D", + "orange-050": "#F8F0E9", + "orange-100": "#F1E0D3", + "orange-150": "#ECD0BD", + "orange-200": "#E9C0A5", + "orange-250": "#E8AE8A", + "orange-300": "#EB9870", + "orange-350": "#EB845A", + "orange-400": "#E66E37", + "orange-450": "#DD5B16", + "orange-500": "#CE4D00", + "orange-550": "#BF3E00", + "orange-600": "#B02F00", + "orange-650": "#A11E00", + "orange-700": "#8A1E14", + "orange-750": "#731E16", + "orange-800": "#58201A", + "orange-850": "#401D18", + "orange-900": "#2E1714", + "orange-950": "#1D0F0D", + "brown-050": "#F5F0E8", + "brown-100": "#ECE2D1", + "brown-150": "#E9D1B9", + "brown-200": "#E3C19D", + "brown-250": "#DCB187", + "brown-300": "#D2A26F", + "brown-350": "#C49562", + "brown-400": "#B68855", + "brown-450": "#A97B48", + "brown-500": "#9B6E3B", + "brown-550": "#8E612F", + "brown-600": "#815521", + "brown-650": "#744913", + "brown-700": "#673D00", + "brown-750": "#5A3100", + "brown-800": "#4E2600", + "brown-850": "#3D1F0B", + "brown-900": "#2C170F", + "brown-950": "#1C0F0B", + "yellow-050": "#F3F0E7", + "yellow-100": "#E9E2CF", + "yellow-150": "#E0D4B7", + "yellow-200": "#DAC59A", + "yellow-250": "#D5B67A", + "yellow-300": "#D0A559", + "yellow-350": "#CC9331", + "yellow-400": "#C48400", + "yellow-450": "#B77600", + "yellow-500": "#AA6800", + "yellow-550": "#9D5A00", + "yellow-600": "#914D00", + "yellow-650": "#843F00", + "yellow-700": "#773200", + "yellow-750": "#6A2601", + "yellow-800": "#56210F", + "yellow-850": "#401D16", + "yellow-900": "#2E1714", + "yellow-950": "#1D0F0D", + "green-050": "#E3F1EF", + "green-100": "#CAE5E1", + "green-150": "#B0DBD4", + "green-200": "#91D1C7", + "green-250": "#6AC8BC", + "green-300": "#4DBCAF", + "green-350": "#3CAFA2", + "green-400": "#2AA194", + "green-450": "#109487", + "green-500": "#00867A", + "green-550": "#00786D", + "green-600": "#016A60", + "green-650": "#015D53", + "green-700": "#005047", + "green-750": "#00443B", + "green-800": "#00382F", + "green-850": "#002C25", + "green-900": "#041F1A", + "green-950": "#041310", + "blue1-050": "#EAF2F9", + "blue1-100": "#D4E4F3", + "blue1-150": "#BFD7F0", + "blue1-200": "#AAC9EF", + "blue1-250": "#96BBF1", + "blue1-300": "#82ACF6", + "blue1-350": "#709BFE", + "blue1-400": "#608BFF", + "blue1-450": "#537BFB", + "blue1-500": "#476DEC", + "blue1-550": "#3C60DD", + "blue1-600": "#3252CF", + "blue1-650": "#2B48B9", + "blue1-700": "#28409B", + "blue1-750": "#24397E", + "blue1-800": "#223260", + "blue1-850": "#1F2A48", + "blue1-900": "#191F32", + "blue1-950": "#111320", + "blue2-050": "#E5F2F3", + "blue2-100": "#CDE6EC", + "blue2-150": "#B7D9EA", + "blue2-200": "#9BCDE7", + "blue2-250": "#84C1E0", + "blue2-300": "#6BB4D8", + "blue2-350": "#5CA6CB", + "blue2-400": "#4D99BC", + "blue2-450": "#3E8CAE", + "blue2-500": "#2F7FA2", + "blue2-550": "#1F7295", + "blue2-600": "#056688", + "blue2-650": "#00597B", + "blue2-700": "#004C6C", + "blue2-750": "#003F5E", + "blue2-800": "#003353", + "blue2-850": "#0C273E", + "blue2-900": "#0E1C2C", + "blue2-950": "#0A121C", + "purple-050": "#EDF1FA", + "purple-100": "#DCE2F5", + "purple-150": "#CCD4F1", + "purple-200": "#BCC4F0", + "purple-250": "#ADB6F2", + "purple-300": "#9EA6F6", + "purple-350": "#8E95FD", + "purple-400": "#8083FF", + "purple-450": "#7173FF", + "purple-500": "#6665F1", + "purple-550": "#5B57E2", + "purple-600": "#5049D4", + "purple-650": "#4641BC", + "purple-700": "#3D39A2", + "purple-750": "#363680", + "purple-800": "#2E3162", + "purple-850": "#242848", + "purple-900": "#1C1E32", + "purple-950": "#121320", + "pink-050": "#F8EFF4", + "pink-100": "#F0DEE9", + "pink-150": "#EBCDDF", + "pink-200": "#E7BDD6", + "pink-250": "#E5A9CC", + "pink-300": "#E695C0", + "pink-350": "#EA7CAE", + "pink-400": "#E4659F", + "pink-450": "#DD4F93", + "pink-500": "#CD4085", + "pink-550": "#BE3279", + "pink-600": "#AE216D", + "pink-650": "#9B195D", + "pink-700": "#86164E", + "pink-750": "#6E1B3D", + "pink-800": "#551E31", + "pink-850": "#3F1C24", + "pink-900": "#2D161A", + "pink-950": "#1C0E10", + "black-000": "#191B2200", + "black-050": "#191B220D", + "black-100": "#191B221A", + "black-150": "#191B2226", + "black-200": "#191B2233", + "black-250": "#191B2240", + "black-300": "#191B224D", + "black-350": "#191B2259", + "black-400": "#191B2266", + "black-450": "#191B2273", + "black-500": "#191B2280", + "black-550": "#191B228C", + "black-600": "#191B2299", + "black-650": "#191B22A6", + "black-700": "#191B22B2", + "black-750": "#191B22BF", + "black-800": "#191B22CC", + "black-850": "#191B22D9", + "black-900": "#191B22E5", + "black-950": "#0F1115F2", + "white-000": "#F7F8F800", + "white-050": "#F7F8F80D", + "white-100": "#F7F8F81A", + "white-150": "#F7F8F826", + "white-200": "#F7F8F833", + "white-250": "#F7F8F840", + "white-300": "#F7F8F84D", + "white-350": "#F7F8F859", + "white-400": "#F7F8F866", + "white-450": "#F7F8F873", + "white-500": "#F7F8F880", + "white-550": "#F7F8F88C", + "white-600": "#F7F8F899", + "white-650": "#F7F8F8A6", + "white-700": "#F7F8F8B2", + "white-750": "#F7F8F8BF", + "white-800": "#F7F8F8CC", + "white-850": "#F7F8F8D9", + "white-900": "#F7F8F8E5", + "white-950": "#F7F8F8F2", + "white-975": "#F7F8F8F9", + }, + ...commonGlobals, +}; -export default config; +const whiteLabelThemes = getThemesFromGlobals(whiteLabelGlobals, { + overrides: commonTokenOverrides, +}); +const dsfrThemes = getThemesFromGlobals(dsfrGlobals, { + prefix: "dsfr", + overrides: commonTokenOverrides, +}); +const anctThemes = getThemesFromGlobals(anctGlobals, { + prefix: "anct", + overrides: commonTokenOverrides, +}); +const themes = { + themes: { + default: whiteLabelThemes.light, + dark: whiteLabelThemes.dark, + ...dsfrThemes, + ...anctThemes, + }, +}; + +const config = { ...themes }; +export default config; diff --git a/package.json b/package.json index 8342843..9c6f32f 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "lint": "eslint . --report-unused-disable-directives", "preview": "vite preview", "test": "vitest run", - "build-theme": "cunningham -g css,scss -o src && mv src/cunningham-tokens.scss src/cunningham-tokens-sass.scss", + "build-theme": "cunningham -g css,scss,ts -o src && mv src/cunningham-tokens.scss src/cunningham-tokens-sass.scss", "storybook": "storybook dev -p 6006", "build-storybook": "storybook build" }, @@ -36,9 +36,11 @@ "@dnd-kit/core": "6.3.1", "@dnd-kit/modifiers": "9.0.0", "@dnd-kit/sortable": "10.0.0", + "@fontsource/hanken-grotesk": "5.2.8", "@fontsource/material-icons": "5.2.5", + "@gouvfr-lasuite/cunningham-react": "file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/react", + "@gouvfr-lasuite/cunningham-tokens": "file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/tokens", "@gouvfr-lasuite/integration": "1.0.2", - "@openfun/cunningham-react": "4.0.0", "@types/node": "22.10.7", "clsx": "2.1.1", "cmdk": "1.0.4", @@ -66,6 +68,7 @@ "@storybook/react": "8.5.2", "@storybook/react-vite": "8.5.2", "@storybook/test": "8.5.2", + "@types/lodash.merge": "4.6.9", "@types/react": "19.1.8", "@types/react-dom": "19.1.6", "@vitejs/plugin-react": "4.3.4", @@ -80,6 +83,7 @@ "glob": "11.0.0", "globals": "15.14.0", "jsdom": "25.0.1", + "lodash.merge": "4.6.2", "react": "19.1.0", "react-dom": "19.1.0", "react-hook-form": "7.54.2", @@ -103,5 +107,9 @@ "extends": [ "plugin:storybook/recommended" ] + }, + "resolutions": { + "@gouvfr-lasuite/cunningham-react": "file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/react", + "@gouvfr-lasuite/cunningham-tokens": "file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/tokens" } } diff --git a/public/storybook/logo-uikit-dark.svg b/public/storybook/logo-uikit-dark.svg new file mode 100644 index 0000000..044a95c --- /dev/null +++ b/public/storybook/logo-uikit-dark.svg @@ -0,0 +1 @@ + diff --git a/public/storybook/logo-uikit-default.svg b/public/storybook/logo-uikit-default.svg new file mode 100644 index 0000000..22a2e7e --- /dev/null +++ b/public/storybook/logo-uikit-default.svg @@ -0,0 +1 @@ + diff --git a/src/components/Provider/Provider.tsx b/src/components/Provider/Provider.tsx index 5be9758..7ea08fa 100644 --- a/src/components/Provider/Provider.tsx +++ b/src/components/Provider/Provider.tsx @@ -1,5 +1,5 @@ import { locales } from ":/locales/Locale"; -import { CunninghamProvider as OriginalProvider } from "@openfun/cunningham-react"; +import { CunninghamProvider as OriginalProvider } from "@gouvfr-lasuite/cunningham-react"; export const CunninghamProvider = ( props: Parameters[0] diff --git a/src/components/button/ProConnectButton.tsx b/src/components/button/ProConnectButton.tsx index 13efa7f..e8e2f2d 100644 --- a/src/components/button/ProConnectButton.tsx +++ b/src/components/button/ProConnectButton.tsx @@ -1,4 +1,4 @@ -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; import logo from ":/assets/proconnect-content.svg"; import logoDisabled from ":/assets/proconnect-content-disabled.svg"; diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx index 4b7fc2c..ed44ead 100644 --- a/src/components/button/button.stories.tsx +++ b/src/components/button/button.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Button, ButtonProps } from "@openfun/cunningham-react"; +import { Button, ButtonProps } from "@gouvfr-lasuite/cunningham-react"; import { ProConnectButton } from "./ProConnectButton"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export @@ -21,7 +21,6 @@ const colors: ButtonProps["color"][] = [ "brand", "neutral", "info", - "success", "warning", "error", "success", diff --git a/src/components/button/index.scss b/src/components/button/index.scss index 3dfbb31..7a3a413 100644 --- a/src/components/button/index.scss +++ b/src/components/button/index.scss @@ -6,10 +6,10 @@ border: "none"; cursor: pointer; - background-color: #000091; + background-color: var(--c--contextuals--background--semantic--brand--primary); &:hover { - background-color: #1212ff; + background-color: var(--c--contextuals--background--semantic--brand--primary-hover); } &:disabled { diff --git a/src/components/datagrid/datagrid.stories.tsx b/src/components/datagrid/datagrid.stories.tsx index b0f4868..681c8de 100644 --- a/src/components/datagrid/datagrid.stories.tsx +++ b/src/components/datagrid/datagrid.stories.tsx @@ -1,7 +1,7 @@ import type { Meta } from "@storybook/react"; import databaseCars from "./resources/databaseCars.json"; -import { Button, DataGrid, SimpleDataGrid } from "@openfun/cunningham-react"; +import { Button, DataGrid, SimpleDataGrid } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/dropdown-menu/dropdown.stories.tsx b/src/components/dropdown-menu/dropdown.stories.tsx index 21e486b..08f07f2 100644 --- a/src/components/dropdown-menu/dropdown.stories.tsx +++ b/src/components/dropdown-menu/dropdown.stories.tsx @@ -1,7 +1,7 @@ /* eslint-disable react-hooks/rules-of-hooks */ import type { Meta, StoryObj } from "@storybook/react"; -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; import { useDropdownMenu } from ":/components/dropdown-menu/useDropdownMenu"; import { DropdownMenu } from ":/components/dropdown-menu/DropdownMenu"; import { useState } from "react"; diff --git a/src/components/filter/Filter.stories.tsx b/src/components/filter/Filter.stories.tsx index d7796f9..80e54c1 100644 --- a/src/components/filter/Filter.stories.tsx +++ b/src/components/filter/Filter.stories.tsx @@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react"; import { Filter, FilterOption } from "./Filter"; import { useState } from "react"; import { Key } from "react-aria-components"; -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; const meta: Meta = { title: "Components/Filter", diff --git a/src/components/filter/Filter.tsx b/src/components/filter/Filter.tsx index 05da97d..a230dcd 100644 --- a/src/components/filter/Filter.tsx +++ b/src/components/filter/Filter.tsx @@ -11,7 +11,7 @@ import { Separator, } from "react-aria-components"; -import { Option } from "@openfun/cunningham-react"; +import { Option } from "@gouvfr-lasuite/cunningham-react"; import clsx from "clsx"; export type FilterOption = Option & { diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index b3368fe..94de072 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -1,4 +1,4 @@ -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; import IconLink from "./assets/external-link.svg"; import LogoGouv from ":/assets/logo-gouv.svg"; diff --git a/src/components/form/checkbox/checkbox.stories.tsx b/src/components/form/checkbox/checkbox.stories.tsx index dda47e4..b8d481d 100644 --- a/src/components/form/checkbox/checkbox.stories.tsx +++ b/src/components/form/checkbox/checkbox.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Checkbox } from "@openfun/cunningham-react"; +import { Checkbox } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/form/form.stories.tsx b/src/components/form/form.stories.tsx index 33e76c0..b2184df 100644 --- a/src/components/form/form.stories.tsx +++ b/src/components/form/form.stories.tsx @@ -1,8 +1,8 @@ -import { Checkbox, Radio, RadioGroup, Switch } from "@openfun/cunningham-react"; +import { Checkbox, Radio, RadioGroup, Switch } from "@gouvfr-lasuite/cunningham-react"; -import { Button, Select, TextArea } from "@openfun/cunningham-react"; +import { Button, Select, TextArea } from "@gouvfr-lasuite/cunningham-react"; -import { Input } from "@openfun/cunningham-react"; +import { Input } from "@gouvfr-lasuite/cunningham-react"; import { Meta } from "@storybook/react"; import { Label } from "./label/label"; diff --git a/src/components/form/input/input.stories.tsx b/src/components/form/input/input.stories.tsx index cbc8d41..406b590 100644 --- a/src/components/form/input/input.stories.tsx +++ b/src/components/form/input/input.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Input } from "@openfun/cunningham-react"; +import { Input } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/form/label/with-label.stories.tsx b/src/components/form/label/with-label.stories.tsx index 7688323..2c75c67 100644 --- a/src/components/form/label/with-label.stories.tsx +++ b/src/components/form/label/with-label.stories.tsx @@ -2,7 +2,7 @@ import type { Meta, StoryFn, StoryObj } from "@storybook/react"; import { WithLabel } from "./WithLabel"; import { DropdownMenu } from ":/components/dropdown-menu/DropdownMenu"; -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; import { useState } from "react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export diff --git a/src/components/form/radio/radio.stories.tsx b/src/components/form/radio/radio.stories.tsx index 961afc1..2781e66 100644 --- a/src/components/form/radio/radio.stories.tsx +++ b/src/components/form/radio/radio.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Radio } from "@openfun/cunningham-react"; +import { Radio } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/form/select/select.stories.tsx b/src/components/form/select/select.stories.tsx index 3ace21c..8f1b6dd 100644 --- a/src/components/form/select/select.stories.tsx +++ b/src/components/form/select/select.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Select } from "@openfun/cunningham-react"; +import { Select } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/form/switch/switch.stories.tsx b/src/components/form/switch/switch.stories.tsx index 624f694..ca9d161 100644 --- a/src/components/form/switch/switch.stories.tsx +++ b/src/components/form/switch/switch.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Switch } from "@openfun/cunningham-react"; +import { Switch } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/form/textarea/textarea.stories.tsx b/src/components/form/textarea/textarea.stories.tsx index aaf95e9..c8a18b4 100644 --- a/src/components/form/textarea/textarea.stories.tsx +++ b/src/components/form/textarea/textarea.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { TextArea } from "@openfun/cunningham-react"; +import { TextArea } from "@gouvfr-lasuite/cunningham-react"; // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export const meta = { diff --git a/src/components/hero/index.scss b/src/components/hero/index.scss index b7ecc82..e6a170b 100644 --- a/src/components/hero/index.scss +++ b/src/components/hero/index.scss @@ -1,5 +1,5 @@ @use "sass:map"; -@use "@openfun/cunningham-react/style" as *; +@use "@gouvfr-lasuite/cunningham-react/style" as *; @use "../../cunningham-tokens-sass" as *; $md: map.get($themes, "default", "globals", "breakpoints", "md"); diff --git a/src/components/la-gaufre/LaGaufreV2.tsx b/src/components/la-gaufre/LaGaufreV2.tsx index d48fd38..d25edc1 100644 --- a/src/components/la-gaufre/LaGaufreV2.tsx +++ b/src/components/la-gaufre/LaGaufreV2.tsx @@ -6,7 +6,7 @@ import { Button, ButtonElement, useCunningham, -} from "@openfun/cunningham-react"; +} from "@gouvfr-lasuite/cunningham-react"; import { useResponsive } from ":/hooks/useResponsive"; export type Service = { diff --git a/src/components/language/language-picker.tsx b/src/components/language/language-picker.tsx index 0220720..b746e9e 100644 --- a/src/components/language/language-picker.tsx +++ b/src/components/language/language-picker.tsx @@ -1,4 +1,4 @@ -import { Button, ButtonProps } from "@openfun/cunningham-react"; +import { Button, ButtonProps } from "@gouvfr-lasuite/cunningham-react"; import { useEffect, useMemo, useState } from "react"; import { useDropdownMenu, diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index e136293..f972119 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -1,7 +1,7 @@ import { DropdownMenuOption } from ":/components/dropdown-menu/types"; import { LanguagePicker } from ":/components/language/language-picker"; -import { Button, useCunningham } from "@openfun/cunningham-react"; +import { Button, useCunningham } from "@gouvfr-lasuite/cunningham-react"; export type HeaderProps = { leftIcon?: React.ReactNode; diff --git a/src/components/layout/layout.stories.tsx b/src/components/layout/layout.stories.tsx index 598487e..2a9390c 100644 --- a/src/components/layout/layout.stories.tsx +++ b/src/components/layout/layout.stories.tsx @@ -6,7 +6,7 @@ import svg from "./header/logo-example.svg"; import { MainLayout } from "./MainLayout"; import { useResponsive } from ":/hooks/useResponsive"; import { useState } from "react"; -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; const meta: Meta = { title: "Components/Layout", diff --git a/src/components/modal/modal.stories.tsx b/src/components/modal/modal.stories.tsx index 3bc0e65..52eb6b1 100644 --- a/src/components/modal/modal.stories.tsx +++ b/src/components/modal/modal.stories.tsx @@ -4,7 +4,7 @@ import { Modal, ModalSize, useModal, -} from "@openfun/cunningham-react"; +} from "@gouvfr-lasuite/cunningham-react"; import type { Meta, StoryObj } from "@storybook/react"; import { useEffect } from "react"; diff --git a/src/components/quick-search/QuickSearchInput.tsx b/src/components/quick-search/QuickSearchInput.tsx index 8772d1c..b3040b1 100644 --- a/src/components/quick-search/QuickSearchInput.tsx +++ b/src/components/quick-search/QuickSearchInput.tsx @@ -1,7 +1,7 @@ import { Command } from "cmdk"; import { ReactNode } from "react"; import { Spinner } from ":/components/loader/Spinner"; -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; import { HorizontalSeparator } from ":/components/separator/HorizontalSeparator"; type Props = { diff --git a/src/components/quick-search/quick-search.stories.tsx b/src/components/quick-search/quick-search.stories.tsx index 428cb6a..bb39819 100644 --- a/src/components/quick-search/quick-search.stories.tsx +++ b/src/components/quick-search/quick-search.stories.tsx @@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react"; import { QuickSearch } from "./QuickSearch"; import { QuickSearchGroup } from "./QuickSearchGroup"; -import { Button, Modal, ModalSize } from "@openfun/cunningham-react"; +import { Button, Modal, ModalSize } from "@gouvfr-lasuite/cunningham-react"; import { useState } from "react"; import { QuickSearchData } from "./types"; import { QuickSearchItemTemplate } from "./QuickSearchItemTemplate"; diff --git a/src/components/share/modal/ShareModal.tsx b/src/components/share/modal/ShareModal.tsx index 5e0346c..db12e57 100644 --- a/src/components/share/modal/ShareModal.tsx +++ b/src/components/share/modal/ShareModal.tsx @@ -13,7 +13,7 @@ import { Modal, ModalSize, useCunningham, -} from "@openfun/cunningham-react"; +} from "@gouvfr-lasuite/cunningham-react"; import { QuickSearch, QuickSearchData, diff --git a/src/components/share/modal/items/SearchUserItem.tsx b/src/components/share/modal/items/SearchUserItem.tsx index 2b43ce5..7aae5a9 100644 --- a/src/components/share/modal/items/SearchUserItem.tsx +++ b/src/components/share/modal/items/SearchUserItem.tsx @@ -1,5 +1,5 @@ import { UserRow } from ":/components/users/rows/UserRow"; -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; import { UserData } from ":/components/share/types.ts"; import { QuickSearchItemTemplate } from ":/components/quick-search"; diff --git a/src/components/share/modal/items/ShareInvitationItem.tsx b/src/components/share/modal/items/ShareInvitationItem.tsx index b18bf0e..c311501 100644 --- a/src/components/share/modal/items/ShareInvitationItem.tsx +++ b/src/components/share/modal/items/ShareInvitationItem.tsx @@ -1,7 +1,7 @@ import { QuickSearchItemTemplate } from ":/components/quick-search"; import { InvitationData } from "../../types"; import { UserRow } from ":/components/users/rows/UserRow"; -import { Button, useCunningham } from "@openfun/cunningham-react"; +import { Button, useCunningham } from "@gouvfr-lasuite/cunningham-react"; import { DropdownMenu, DropdownMenuOption, diff --git a/src/components/share/modal/items/ShareLinkSettings.tsx b/src/components/share/modal/items/ShareLinkSettings.tsx index 144a2fd..fbf953b 100644 --- a/src/components/share/modal/items/ShareLinkSettings.tsx +++ b/src/components/share/modal/items/ShareLinkSettings.tsx @@ -2,7 +2,7 @@ import { DropdownMenu } from ":/components/dropdown-menu/DropdownMenu"; import { useDropdownMenu } from ":/components/dropdown-menu/useDropdownMenu"; import LogoPublic from ":/components/share/assets/public.svg"; import LogoPrivate from ":/components/share/assets/lock_person.svg"; -import { Button } from "@openfun/cunningham-react"; +import { Button } from "@gouvfr-lasuite/cunningham-react"; import { useMemo, useState } from "react"; import { DropdownMenuOption } from ":/components/dropdown-menu"; import { diff --git a/src/components/share/modal/items/ShareMemberItem.tsx b/src/components/share/modal/items/ShareMemberItem.tsx index cf2f647..45038c1 100644 --- a/src/components/share/modal/items/ShareMemberItem.tsx +++ b/src/components/share/modal/items/ShareMemberItem.tsx @@ -1,7 +1,7 @@ import { QuickSearchItemTemplate } from ":/components/quick-search"; import { AccessData } from "../../types"; import { UserRow } from ":/components/users/rows/UserRow"; -import { Button, useCunningham } from "@openfun/cunningham-react"; +import { Button, useCunningham } from "@gouvfr-lasuite/cunningham-react"; import { DropdownMenu, DropdownMenuOption, diff --git a/src/components/share/modal/share-modal.scss b/src/components/share/modal/share-modal.scss index 0797f2b..c26dfba 100644 --- a/src/components/share/modal/share-modal.scss +++ b/src/components/share/modal/share-modal.scss @@ -1,5 +1,5 @@ @use "sass:map"; -@use "@openfun/cunningham-react/style" as *; +@use "@gouvfr-lasuite/cunningham-react/style" as *; @use "../../../cunningham-tokens-sass" as *; $md: map.get($themes, "default", "globals", "breakpoints", "md"); diff --git a/src/components/share/users-invitation/InvitationUserSelectorList.tsx b/src/components/share/users-invitation/InvitationUserSelectorList.tsx index 106b8e9..4907328 100644 --- a/src/components/share/users-invitation/InvitationUserSelectorList.tsx +++ b/src/components/share/users-invitation/InvitationUserSelectorList.tsx @@ -1,4 +1,4 @@ -import { Button, useCunningham } from "@openfun/cunningham-react"; +import { Button, useCunningham } from "@gouvfr-lasuite/cunningham-react"; import { ReactNode, useState } from "react"; import { DropdownMenuOption } from "../../dropdown-menu"; import { AccessRoleDropdown } from "../access/AccessRoleDropdown"; diff --git a/src/components/share/utils/ShareModalCopyLinkFooter.tsx b/src/components/share/utils/ShareModalCopyLinkFooter.tsx index c95898f..11dc4d2 100644 --- a/src/components/share/utils/ShareModalCopyLinkFooter.tsx +++ b/src/components/share/utils/ShareModalCopyLinkFooter.tsx @@ -1,4 +1,4 @@ -import { Button, useCunningham } from "@openfun/cunningham-react"; +import { Button, useCunningham } from "@gouvfr-lasuite/cunningham-react"; export type ShareModalCopyLinkFooterProps = { onCopyLink: () => void; diff --git a/src/components/tooltip/index.stories.tsx b/src/components/tooltip/index.stories.tsx index 41e0294..70e5a2c 100644 --- a/src/components/tooltip/index.stories.tsx +++ b/src/components/tooltip/index.stories.tsx @@ -1,5 +1,5 @@ import { Meta } from "@storybook/react"; -import { Button, Tooltip } from "@openfun/cunningham-react"; +import { Button, Tooltip } from "@gouvfr-lasuite/cunningham-react"; export default { title: "Components/Tooltip", diff --git a/src/components/tree-view/TreeViewItem.tsx b/src/components/tree-view/TreeViewItem.tsx index a7911a6..fbbafe4 100644 --- a/src/components/tree-view/TreeViewItem.tsx +++ b/src/components/tree-view/TreeViewItem.tsx @@ -11,7 +11,7 @@ import clsx from "clsx"; import { Spinner } from "../loader/Spinner"; import { Droppable } from "../dnd/Droppable"; import { useTreeContext } from "./providers/TreeContext"; -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; export type TreeViewNodeProps = NodeRendererProps> & { itemProps?: React.HTMLAttributes; diff --git a/src/components/tree-view/stories/tree-view-item-example.tsx b/src/components/tree-view/stories/tree-view-item-example.tsx index e9763f4..707645f 100644 --- a/src/components/tree-view/stories/tree-view-item-example.tsx +++ b/src/components/tree-view/stories/tree-view-item-example.tsx @@ -15,7 +15,7 @@ import { ModalSize, useCunningham, useModal, -} from "@openfun/cunningham-react"; +} from "@gouvfr-lasuite/cunningham-react"; import { useTreeContext } from "../providers/TreeContext"; import { useArrowRoving } from ":/hooks/useArrowRoving"; import { useRef } from "react"; diff --git a/src/components/tree-view/useTree.tsx b/src/components/tree-view/useTree.tsx index 9a1baf1..68ead11 100644 --- a/src/components/tree-view/useTree.tsx +++ b/src/components/tree-view/useTree.tsx @@ -7,7 +7,7 @@ import { TreeViewNodeTypeEnum, } from "./types"; import { Key, useTreeData } from "react-stately"; -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; export type PaginatedChildrenResult = { children?: TreeViewDataType[]; diff --git a/src/components/users/avatar/index.scss b/src/components/users/avatar/index.scss index cf4b293..0677537 100644 --- a/src/components/users/avatar/index.scss +++ b/src/components/users/avatar/index.scss @@ -3,8 +3,8 @@ align-items: center; justify-content: center; border-radius: 50%; - color: rgba(255, 255, 255, 0.9); - border: 1px solid rgba(255, 255, 255, 0.5); + color: color-mix(in srgb, var(--c--contextuals--background--surface--tertiary) 95%, transparent); + border: 1px solid color-mix(in srgb, var(--c--contextuals--background--surface--tertiary) 80%, transparent); &__initials { display: flex; @@ -12,9 +12,8 @@ justify-content: center; text-align: center; font-style: normal; - font-weight: 600; - font-family: Arial, Helvetica, sans-serif; - + font-weight: 700; + font-family: var(--c--globals--font--families--base); text-transform: uppercase; } @@ -22,79 +21,67 @@ width: 16px; height: 16px; font-size: 7px; + letter-spacing: -0.25px; } &.small { width: 24px; height: 24px; font-size: 10px; + letter-spacing: -0.35px; } &.medium { width: 32px; height: 32px; - font-size: 12px; + font-size: 11px; + letter-spacing: -0.38px; } &.large { width: 64px; height: 64px; - font-size: 26px; + font-size: 27px; + letter-spacing: -0.54px; } &.brand { - background-color: var(--c--globals--colors--brand-500); + background-color: var(--c--contextuals--background--palette--brand--primary); } &.gray { - background-color: var(--c--globals--colors--gray-500); - } - - &.info { - background-color: var(--c--globals--colors--info-500); - } - - &.success { - background-color: var(--c--globals--colors--success-500); - } - - &.warning { - background-color: var(--c--globals--colors--warning-500); - } - - &.error { - background-color: var(--c--globals--colors--error-500); + background-color: var(--c--contextuals--background--palette--gray--primary); } &.purple { - background-color: var(--c--globals--colors--purple-500); + background-color: var(--c--contextuals--background--palette--purple--primary); } &.blue { - background-color: var(--c--globals--colors--blue-1-500); + background-color: var(--c--contextuals--background--palette--blue-1--primary); } &.green { - background-color: var(--c--globals--colors--green-500); + background-color: var(--c--contextuals--background--palette--green--primary); } &.yellow { - background-color: var(--c--globals--colors--yellow-500); + background-color: var(--c--contextuals--background--palette--yellow--primary); } &.orange { - background-color: var(--c--globals--colors--orange-500); + background-color: var(--c--contextuals--background--palette--orange--primary); } &.red { - background-color: var(--c--globals--colors--red-500); + background-color: var(--c--contextuals--background--palette--red--primary); } &.brown { - background-color: var(--c--globals--colors--brown-500); + background-color: var(--c--contextuals--background--palette--brown--primary); } &.pink { - background-color: var(--c--globals--colors--pink-500); + background-color: var(--c--contextuals--background--palette--pink--primary); } } diff --git a/src/components/users/avatar/utils.ts b/src/components/users/avatar/utils.ts index 0f5a1c8..8ae2df9 100644 --- a/src/components/users/avatar/utils.ts +++ b/src/components/users/avatar/utils.ts @@ -1,10 +1,6 @@ export const AVATAR_COLORS = [ "brand", "gray", - "info", - "success", - "warning", - "error", "red", "orange", "brown", diff --git a/src/components/users/menu/index.tsx b/src/components/users/menu/index.tsx index b2bd134..23cfda6 100644 --- a/src/components/users/menu/index.tsx +++ b/src/components/users/menu/index.tsx @@ -6,7 +6,7 @@ import { Modal, ModalSize, useCunningham, -} from "@openfun/cunningham-react"; +} from "@gouvfr-lasuite/cunningham-react"; import { UserAvatar } from ":/components/users/avatar/UserAvatar"; import { Icon } from ":/components/icon"; import { HorizontalSeparator } from ":/components/separator"; diff --git a/src/cunningham-tokens-sass.scss b/src/cunningham-tokens-sass.scss index d8b03d9..5a702b1 100644 --- a/src/cunningham-tokens-sass.scss +++ b/src/cunningham-tokens-sass.scss @@ -2,10 +2,2195 @@ $themes: ( 'default': ( 'globals': ( 'colors': ( - 'logo-1': #377FDB, - 'logo-2': #377FDB, + 'logo-1': #4747A3, + 'logo-2': #4747A3, + 'logo-1-dark': #C5C5F0, + 'logo-2-dark': #C1C1FF, + 'brand-050': #EFEFFF, + 'brand-100': #E0E0FF, + 'brand-150': #D0D0FF, + 'brand-200': #C1C1FF, + 'brand-250': #B2B2FF, + 'brand-300': #A2A2FF, + 'brand-350': #9393FB, + 'brand-400': #8484F7, + 'brand-450': #7575F2, + 'brand-500': #6969DF, + 'brand-550': #5C5CD3, + 'brand-600': #5151BB, + 'brand-650': #4747A3, + 'brand-700': #3D3D8C, + 'brand-750': #34356E, + 'brand-800': #2C2D54, + 'brand-850': #23253C, + 'brand-900': #1A1B28, + 'brand-950': #111117, + 'gray-000': #FFFFFF, + 'gray-025': #F8F8FA, + 'gray-050': #F0F0F3, + 'gray-100': #E2E2EA, + 'gray-150': #D3D4E0, + 'gray-200': #C5C6D5, + 'gray-250': #B7B7CB, + 'gray-300': #A9A9BF, + 'gray-350': #9C9CB2, + 'gray-400': #8F8FA4, + 'gray-450': #828297, + 'gray-500': #75758A, + 'gray-550': #69697D, + 'gray-600': #5D5D70, + 'gray-650': #515164, + 'gray-700': #454558, + 'gray-750': #3A3A4C, + 'gray-800': #2F2F40, + 'gray-850': #252435, + 'gray-900': #1A1A2A, + 'gray-950': #101019, + 'gray-1000': #000000, + 'info-050': #E7F2FE, + 'info-100': #CEE5FD, + 'info-150': #B5D8FC, + 'info-200': #9CCBFA, + 'info-250': #83BDF9, + 'info-300': #69B0F8, + 'info-350': #4FA2F7, + 'info-400': #3393F5, + 'info-450': #1583F4, + 'info-500': #0074EB, + 'info-550': #0068D2, + 'info-600': #005CBB, + 'info-650': #0051A3, + 'info-700': #114785, + 'info-750': #173D6A, + 'info-800': #183251, + 'info-850': #16273B, + 'info-900': #121D28, + 'info-950': #0C1217, + 'success-050': #E8F3EC, + 'success-100': #D1E8DA, + 'success-150': #BBDCC8, + 'success-200': #A4D0B4, + 'success-250': #8DC5A3, + 'success-300': #76B990, + 'success-350': #5FAE7D, + 'success-400': #48A26A, + 'success-450': #309556, + 'success-500': #1E8847, + 'success-550': #1B7A3F, + 'success-600': #186C38, + 'success-650': #155F31, + 'success-700': #1C502D, + 'success-750': #1E4229, + 'success-800': #1C3524, + 'success-850': #19291E, + 'success-900': #141D17, + 'success-950': #0D110E, + 'warning-050': #FBEEE7, + 'warning-100': #F7DDCF, + 'warning-150': #F3CDB7, + 'warning-200': #EFBC9E, + 'warning-250': #EBAA86, + 'warning-300': #E7986C, + 'warning-350': #E38652, + 'warning-400': #DF7336, + 'warning-450': #DA5E18, + 'warning-500': #D04B00, + 'warning-550': #BB4300, + 'warning-600': #A63C00, + 'warning-650': #913400, + 'warning-700': #783211, + 'warning-750': #602E17, + 'warning-800': #4C2818, + 'warning-850': #382116, + 'warning-900': #261912, + 'warning-950': #16100C, + 'error-050': #FEEDEC, + 'error-100': #FEDAD9, + 'error-150': #FDC7C6, + 'error-200': #FCB4B2, + 'error-250': #FCA09E, + 'error-300': #FB8B88, + 'error-350': #FA7470, + 'error-400': #F95A55, + 'error-450': #F83832, + 'error-500': #EF0700, + 'error-550': #D70600, + 'error-600': #BF0500, + 'error-650': #A90500, + 'error-700': #8B1B11, + 'error-750': #712017, + 'error-800': #582018, + 'error-850': #421C16, + 'error-900': #2E1713, + 'error-950': #1C0F0D, + 'red-050': #FCEDEE, + 'red-100': #FADBDD, + 'red-150': #F8C9CC, + 'red-200': #F5B6BA, + 'red-250': #F3A3A8, + 'red-300': #F18F96, + 'red-350': #EF7A82, + 'red-400': #EC646D, + 'red-450': #E94A55, + 'red-500': #E52835, + 'red-550': #E1000F, + 'red-600': #C0000C, + 'red-650': #A9000B, + 'red-700': #930009, + 'red-750': #7D0007, + 'red-800': #680006, + 'red-850': #540005, + 'red-900': #410003, + 'red-950': #2C0002, + 'orange-050': #FBEEE8, + 'orange-100': #F8DDD1, + 'orange-150': #F4CCBA, + 'orange-200': #F0BBA3, + 'orange-250': #ECA98B, + 'orange-300': #E99774, + 'orange-350': #E58459, + 'orange-400': #E4794A, + 'orange-450': #C86A40, + 'orange-500': #B65F3A, + 'orange-550': #A25533, + 'orange-600': #904B2E, + 'orange-650': #7E4228, + 'orange-700': #6C3922, + 'orange-750': #5B2F1C, + 'orange-800': #4A2717, + 'orange-850': #3B1E12, + 'orange-900': #2A160D, + 'orange-950': #1A0E08, + 'brown-050': #F5F0EB, + 'brown-100': #EBE0D7, + 'brown-150': #E2D1C5, + 'brown-200': #D8C2B1, + 'brown-250': #CEB39E, + 'brown-300': #C6A58C, + 'brown-350': #BB9679, + 'brown-400': #AC8A6F, + 'brown-450': #9C7D64, + 'brown-500': #8D725B, + 'brown-550': #7E6551, + 'brown-600': #6F5A48, + 'brown-650': #614F3F, + 'brown-700': #544336, + 'brown-750': #46392D, + 'brown-800': #392E24, + 'brown-850': #2D241D, + 'brown-900': #211A15, + 'brown-950': #14100D, + 'yellow-050': #F6F0E1, + 'yellow-100': #EEE1C2, + 'yellow-150': #E5D3A4, + 'yellow-200': #DCC485, + 'yellow-250': #D3B567, + 'yellow-300': #CBA748, + 'yellow-350': #C3992A, + 'yellow-400': #B28B25, + 'yellow-450': #A27E21, + 'yellow-500': #92721F, + 'yellow-550': #83661B, + 'yellow-600': #745B18, + 'yellow-650': #664F15, + 'yellow-700': #574412, + 'yellow-750': #48390F, + 'yellow-800': #3B2E0B, + 'yellow-850': #2E2409, + 'yellow-900': #221A06, + 'yellow-950': #151004, + 'green-050': #E2F4EC, + 'green-100': #C6EADB, + 'green-150': #A9E0C9, + 'green-200': #89D6B5, + 'green-250': #69CBA1, + 'green-300': #46BF8B, + 'green-350': #22B374, + 'green-400': #00A95F, + 'green-450': #009755, + 'green-500': #00894D, + 'green-550': #007A44, + 'green-600': #006D3D, + 'green-650': #005F35, + 'green-700': #00522E, + 'green-750': #004526, + 'green-800': #00381F, + 'green-850': #002C18, + 'green-900': #002112, + 'green-950': #00140A, + 'blue1-050': #ECF1F8, + 'blue1-100': #D7E3F1, + 'blue1-150': #C3D6EC, + 'blue1-200': #B0C9E5, + 'blue1-250': #9DBBE0, + 'blue1-300': #8AAED9, + 'blue1-350': #76A1D3, + 'blue1-400': #6193CD, + 'blue1-450': #4E86C7, + 'blue1-500': #417DC4, + 'blue1-550': #376CAA, + 'blue1-600': #316097, + 'blue1-650': #2B5484, + 'blue1-700': #254872, + 'blue1-750': #1F3C5F, + 'blue1-800': #19314E, + 'blue1-850': #14263D, + 'blue1-900': #0E1C2C, + 'blue1-950': #09111B, + 'blue-2-050': #E6F3F4, + 'blue-2-100': #CBE8E9, + 'blue-2-150': #B2DCDE, + 'blue-2-200': #96D0D4, + 'blue-2-250': #7AC4C9, + 'blue-2-300': #5EB8BE, + 'blue-2-350': #44ACB3, + 'blue-2-400': #269FA7, + 'blue-2-450': #05929B, + 'blue-2-500': #009099, + 'blue-2-550': #00767C, + 'blue-2-600': #00696F, + 'blue-2-650': #005C61, + 'blue-2-700': #004F53, + 'blue-2-750': #004246, + 'blue-2-800': #003639, + 'blue-2-850': #002B2D, + 'blue-2-900': #001F21, + 'blue-2-950': #001415, + 'purple-050': #F5EEF5, + 'purple-100': #ECDEEC, + 'purple-150': #E4CDE3, + 'purple-200': #DBBDD9, + 'purple-250': #D3ADD0, + 'purple-300': #CA9DC7, + 'purple-350': #C18DBE, + 'purple-400': #B87DB4, + 'purple-450': #B06CAB, + 'purple-500': #8F58A5, + 'purple-550': #975093, + 'purple-600': #864783, + 'purple-650': #743E72, + 'purple-700': #643662, + 'purple-750': #542D52, + 'purple-800': #442443, + 'purple-850': #351C34, + 'purple-900': #271526, + 'purple-950': #180C18, + 'pink-050': #FAEEEA, + 'pink-100': #F5DDD6, + 'pink-150': #F1CCC3, + 'pink-200': #EDBBAF, + 'pink-250': #E8AA9B, + 'pink-300': #E39886, + 'pink-350': #E18B76, + 'pink-400': #CA7C69, + 'pink-450': #B86088, + 'pink-500': #A66657, + 'pink-550': #955B4D, + 'pink-600': #845044, + 'pink-650': #73473C, + 'pink-700': #633D34, + 'pink-750': #53322B, + 'pink-800': #452923, + 'pink-850': #36201C, + 'pink-900': #271713, + 'pink-950': #190E0C, + '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': #000000B2, + 'black-750': #000000BF, + 'black-800': #000000CC, + 'black-850': #000000D9, + 'black-900': #000000E5, + 'black-950': #000000F2, + 'white-000': #FFFFFF00, + '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': #FFFFFFB2, + 'white-750': #FFFFFFBF, + 'white-800': #FFFFFFCC, + 'white-850': #FFFFFFD9, + 'white-900': #FFFFFFE5, + 'white-950': #FFFFFFF2, + 'white-975': #FFFFFFF9 + ), + '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': 100, + 'light': 300, + 'regular': 400, + 'medium': 500, + 'bold': 600, + 'extrabold': 800, + 'black': 900 + ), + 'families': ( + 'base': #{Hanken Grotesk, sans-serif}, + 'accent': #{Hanken Grotesk, sans-serif} + ) + ), + 'spacings': ( + '0': 0, + 'l': 3rem, + 'b': 1.625rem, + 'm': 0.8125rem, + 's': 1rem, + 't': 0.5rem, + 'st': 0.25rem, + '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, + '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, + '2xl': 3rem, + '3xl': 3.5rem, + '4xl': 4rem, + '5xl': 4.5rem, + '6xl': 6rem, + '7xl': 7.5rem, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100% + ), + 'breakpoints': ( + 'xs': 480px, + 'sm': 576px, + 'md': 768px, + 'lg': 992px, + 'xl': 1200px, + 'xxl': 1400px, + 'xxs': 320px, + 'mobile': 768px, + 'tablet': 1024px + ) + ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #FFFFFF, + 'secondary': #FFFFFF, + 'tertiary': #F8F8FA + ), + 'semantic': ( + 'overlay': ( + 'primary': #0000000D, + 'primary-hover': #0000001A + ), + 'contextual': ( + 'primary': #0000000D, + 'primary-hover': #0000001A + ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #E0E0FF, + 'secondary-hover': #D0D0FF, + 'tertiary': #EFEFFF, + 'tertiary-hover': #E0E0FF + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #E2E2EA, + 'secondary-hover': #D3D4E0, + 'tertiary': #F0F0F3, + 'tertiary-hover': #E2E2EA + ), + 'info': ( + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #CEE5FD, + 'secondary-hover': #B5D8FC, + 'tertiary': #E7F2FE, + 'tertiary-hover': #CEE5FD + ), + 'success': ( + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #D1E8DA, + 'secondary-hover': #BBDCC8, + 'tertiary': #E8F3EC, + 'tertiary-hover': #D1E8DA + ), + 'warning': ( + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #F7DDCF, + 'secondary-hover': #F3CDB7, + 'tertiary': #FBEEE7, + 'tertiary-hover': #F7DDCF + ), + 'error': ( + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #FEDAD9, + 'secondary-hover': #FDC7C6, + 'tertiary': #FEEDEC, + 'tertiary-hover': #FEDAD9 + ), + 'disabled': ( + 'primary': #E2E2EA, + 'secondary': #F0F0F3 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF, + 'secondary': #9393FB, + 'tertiary': #D0D0FF + ), + 'red': ( + 'primary': #E52835, + 'secondary': #EF7A82, + 'tertiary': #F8C9CC + ), + 'orange': ( + 'primary': #B65F3A, + 'secondary': #E58459, + 'tertiary': #F4CCBA + ), + 'brown': ( + 'primary': #8D725B, + 'secondary': #BB9679, + 'tertiary': #E2D1C5 + ), + 'yellow': ( + 'primary': #92721F, + 'secondary': #C3992A, + 'tertiary': #E5D3A4 + ), + 'green': ( + 'primary': #00894D, + 'secondary': #22B374, + 'tertiary': #A9E0C9 + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099, + 'secondary': #44ACB3, + 'tertiary': #B2DCDE + ), + 'purple': ( + 'primary': #8F58A5, + 'secondary': #C18DBE, + 'tertiary': #E4CDE3 + ), + 'pink': ( + 'primary': #A66657, + 'secondary': #E18B76, + 'tertiary': #F1CCC3 + ), + 'gray': ( + 'primary': #75758A, + 'secondary': #9C9CB2, + 'tertiary': #D3D4E0 + ) + ), + 'text': ( + 'primary': #0000000D + ) + ), + 'content': ( + 'logo1': #4747A3, + 'logo2': #4747A3, + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFFF2 + ), + 'overlay': ( + 'primary': #FFFFFFF2 + ), + 'brand': ( + 'primary': #3D3D8C, + 'secondary': #5151BB, + 'tertiary': #5C5CD3, + 'on-brand': #EFEFFF + ), + 'neutral': ( + 'primary': #252435, + 'secondary': #5D5D70, + 'tertiary': #69697D, + 'on-neutral': #F0F0F3 + ), + 'info': ( + 'primary': #114785, + 'secondary': #005CBB, + 'tertiary': #0068D2, + 'on-info': #E7F2FE + ), + 'success': ( + 'primary': #1C502D, + 'secondary': #186C38, + 'tertiary': #1B7A3F, + 'on-success': #E8F3EC + ), + 'warning': ( + 'primary': #783211, + 'secondary': #A63C00, + 'tertiary': #BB4300, + 'on-warning': #FBEEE7 + ), + 'error': ( + 'primary': #8B1B11, + 'secondary': #BF0500, + 'tertiary': #D70600, + 'on-error': #FEEDEC + ), + 'disabled': ( + 'primary': #A9A9BF, + 'secondary': #FFFFFF80 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF + ), + 'red': ( + 'primary': #E52835 + ), + 'orange': ( + 'primary': #B65F3A + ), + 'brown': ( + 'primary': #8D725B + ), + 'yellow': ( + 'primary': #92721F + ), + 'green': ( + 'primary': #00894D + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099 + ), + 'purple': ( + 'primary': #8F58A5 + ), + 'pink': ( + 'primary': #A66657 + ), + 'gray': ( + 'primary': #75758A + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #E2E2EA + ), + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFF33 + ), + 'overlay': ( + 'primary': #FFFFFF33 + ), + 'brand': ( + 'primary': #5C5CD3, + 'secondary': #A2A2FF, + 'tertiary': #D0D0FF + ), + 'neutral': ( + 'primary': #69697D, + 'secondary': #A9A9BF, + 'tertiary': #D3D4E0 + ), + 'info': ( + 'primary': #0068D2, + 'secondary': #69B0F8, + 'tertiary': #B5D8FC + ), + 'success': ( + 'primary': #1B7A3F, + 'secondary': #76B990, + 'tertiary': #BBDCC8 + ), + 'warning': ( + 'primary': #BB4300, + 'secondary': #E7986C, + 'tertiary': #F3CDB7 + ), + 'error': ( + 'primary': #D70600, + 'secondary': #FB8B88, + 'tertiary': #FDC7C6 + ), + 'disabled': ( + 'primary': #E2E2EA + ) + ) + ) + ), + 'components': ( + 'modal': ( + 'width-small': 342px + ), + 'tooltip': ( + 'padding': 4px 8px, + 'background-color': #F0F0F3 + ), + 'button': ( + 'medium-height': 40px, + 'medium-text-height': 40px, + 'border-radius': 4px, + 'border-radius--active': 4px, + 'border-radius--focus': 4px + ), + 'datagrid': ( + 'header--color': #252435, + 'header--size': 12px, + 'header--weight': 500, + 'body--background-color-hover': #F0F0F3 + ), + 'forms-checkbox': ( + 'font-size': 0.875rem + ), + 'badge': ( + 'font-size': 0.75rem, + 'border-radius': 12px, + 'padding-inline': 0.5rem, + 'padding-block': 0.375rem, + 'accent': ( + 'background-color': #E0E0FF, + 'color': #5151BB + ), + 'neutral': ( + 'background-color': #E2E2EA, + 'color': #5D5D70 + ), + 'danger': ( + 'background-color': #FEDAD9, + 'color': #BF0500 + ), + 'success': ( + 'background-color': #D1E8DA, + 'color': #186C38 + ), + 'warning': ( + 'background-color': #F7DDCF, + 'color': #A63C00 + ), + 'info': ( + 'background-color': #CEE5FD, + 'color': #005CBB + ) + ) + ) + ), + 'dark': ( + 'globals': ( + 'colors': ( + 'logo-1': #4747A3, + 'logo-2': #4747A3, + 'logo-1-dark': #C5C5F0, + 'logo-2-dark': #C1C1FF, + 'brand-050': #EFEFFF, + 'brand-100': #E0E0FF, + 'brand-150': #D0D0FF, + 'brand-200': #C1C1FF, + 'brand-250': #B2B2FF, + 'brand-300': #A2A2FF, + 'brand-350': #9393FB, + 'brand-400': #8484F7, + 'brand-450': #7575F2, + 'brand-500': #6969DF, + 'brand-550': #5C5CD3, + 'brand-600': #5151BB, + 'brand-650': #4747A3, + 'brand-700': #3D3D8C, + 'brand-750': #34356E, + 'brand-800': #2C2D54, + 'brand-850': #23253C, + 'brand-900': #1A1B28, + 'brand-950': #111117, + 'gray-000': #FFFFFF, + 'gray-025': #F8F8FA, + 'gray-050': #F0F0F3, + 'gray-100': #E2E2EA, + 'gray-150': #D3D4E0, + 'gray-200': #C5C6D5, + 'gray-250': #B7B7CB, + 'gray-300': #A9A9BF, + 'gray-350': #9C9CB2, + 'gray-400': #8F8FA4, + 'gray-450': #828297, + 'gray-500': #75758A, + 'gray-550': #69697D, + 'gray-600': #5D5D70, + 'gray-650': #515164, + 'gray-700': #454558, + 'gray-750': #3A3A4C, + 'gray-800': #2F2F40, + 'gray-850': #252435, + 'gray-900': #1A1A2A, + 'gray-950': #101019, + 'gray-1000': #000000, + 'info-050': #E7F2FE, + 'info-100': #CEE5FD, + 'info-150': #B5D8FC, + 'info-200': #9CCBFA, + 'info-250': #83BDF9, + 'info-300': #69B0F8, + 'info-350': #4FA2F7, + 'info-400': #3393F5, + 'info-450': #1583F4, + 'info-500': #0074EB, + 'info-550': #0068D2, + 'info-600': #005CBB, + 'info-650': #0051A3, + 'info-700': #114785, + 'info-750': #173D6A, + 'info-800': #183251, + 'info-850': #16273B, + 'info-900': #121D28, + 'info-950': #0C1217, + 'success-050': #E8F3EC, + 'success-100': #D1E8DA, + 'success-150': #BBDCC8, + 'success-200': #A4D0B4, + 'success-250': #8DC5A3, + 'success-300': #76B990, + 'success-350': #5FAE7D, + 'success-400': #48A26A, + 'success-450': #309556, + 'success-500': #1E8847, + 'success-550': #1B7A3F, + 'success-600': #186C38, + 'success-650': #155F31, + 'success-700': #1C502D, + 'success-750': #1E4229, + 'success-800': #1C3524, + 'success-850': #19291E, + 'success-900': #141D17, + 'success-950': #0D110E, + 'warning-050': #FBEEE7, + 'warning-100': #F7DDCF, + 'warning-150': #F3CDB7, + 'warning-200': #EFBC9E, + 'warning-250': #EBAA86, + 'warning-300': #E7986C, + 'warning-350': #E38652, + 'warning-400': #DF7336, + 'warning-450': #DA5E18, + 'warning-500': #D04B00, + 'warning-550': #BB4300, + 'warning-600': #A63C00, + 'warning-650': #913400, + 'warning-700': #783211, + 'warning-750': #602E17, + 'warning-800': #4C2818, + 'warning-850': #382116, + 'warning-900': #261912, + 'warning-950': #16100C, + 'error-050': #FEEDEC, + 'error-100': #FEDAD9, + 'error-150': #FDC7C6, + 'error-200': #FCB4B2, + 'error-250': #FCA09E, + 'error-300': #FB8B88, + 'error-350': #FA7470, + 'error-400': #F95A55, + 'error-450': #F83832, + 'error-500': #EF0700, + 'error-550': #D70600, + 'error-600': #BF0500, + 'error-650': #A90500, + 'error-700': #8B1B11, + 'error-750': #712017, + 'error-800': #582018, + 'error-850': #421C16, + 'error-900': #2E1713, + 'error-950': #1C0F0D, + 'red-050': #FCEDEE, + 'red-100': #FADBDD, + 'red-150': #F8C9CC, + 'red-200': #F5B6BA, + 'red-250': #F3A3A8, + 'red-300': #F18F96, + 'red-350': #EF7A82, + 'red-400': #EC646D, + 'red-450': #E94A55, + 'red-500': #E52835, + 'red-550': #E1000F, + 'red-600': #C0000C, + 'red-650': #A9000B, + 'red-700': #930009, + 'red-750': #7D0007, + 'red-800': #680006, + 'red-850': #540005, + 'red-900': #410003, + 'red-950': #2C0002, + 'orange-050': #FBEEE8, + 'orange-100': #F8DDD1, + 'orange-150': #F4CCBA, + 'orange-200': #F0BBA3, + 'orange-250': #ECA98B, + 'orange-300': #E99774, + 'orange-350': #E58459, + 'orange-400': #E4794A, + 'orange-450': #C86A40, + 'orange-500': #B65F3A, + 'orange-550': #A25533, + 'orange-600': #904B2E, + 'orange-650': #7E4228, + 'orange-700': #6C3922, + 'orange-750': #5B2F1C, + 'orange-800': #4A2717, + 'orange-850': #3B1E12, + 'orange-900': #2A160D, + 'orange-950': #1A0E08, + 'brown-050': #F5F0EB, + 'brown-100': #EBE0D7, + 'brown-150': #E2D1C5, + 'brown-200': #D8C2B1, + 'brown-250': #CEB39E, + 'brown-300': #C6A58C, + 'brown-350': #BB9679, + 'brown-400': #AC8A6F, + 'brown-450': #9C7D64, + 'brown-500': #8D725B, + 'brown-550': #7E6551, + 'brown-600': #6F5A48, + 'brown-650': #614F3F, + 'brown-700': #544336, + 'brown-750': #46392D, + 'brown-800': #392E24, + 'brown-850': #2D241D, + 'brown-900': #211A15, + 'brown-950': #14100D, + 'yellow-050': #F6F0E1, + 'yellow-100': #EEE1C2, + 'yellow-150': #E5D3A4, + 'yellow-200': #DCC485, + 'yellow-250': #D3B567, + 'yellow-300': #CBA748, + 'yellow-350': #C3992A, + 'yellow-400': #B28B25, + 'yellow-450': #A27E21, + 'yellow-500': #92721F, + 'yellow-550': #83661B, + 'yellow-600': #745B18, + 'yellow-650': #664F15, + 'yellow-700': #574412, + 'yellow-750': #48390F, + 'yellow-800': #3B2E0B, + 'yellow-850': #2E2409, + 'yellow-900': #221A06, + 'yellow-950': #151004, + 'green-050': #E2F4EC, + 'green-100': #C6EADB, + 'green-150': #A9E0C9, + 'green-200': #89D6B5, + 'green-250': #69CBA1, + 'green-300': #46BF8B, + 'green-350': #22B374, + 'green-400': #00A95F, + 'green-450': #009755, + 'green-500': #00894D, + 'green-550': #007A44, + 'green-600': #006D3D, + 'green-650': #005F35, + 'green-700': #00522E, + 'green-750': #004526, + 'green-800': #00381F, + 'green-850': #002C18, + 'green-900': #002112, + 'green-950': #00140A, + 'blue1-050': #ECF1F8, + 'blue1-100': #D7E3F1, + 'blue1-150': #C3D6EC, + 'blue1-200': #B0C9E5, + 'blue1-250': #9DBBE0, + 'blue1-300': #8AAED9, + 'blue1-350': #76A1D3, + 'blue1-400': #6193CD, + 'blue1-450': #4E86C7, + 'blue1-500': #417DC4, + 'blue1-550': #376CAA, + 'blue1-600': #316097, + 'blue1-650': #2B5484, + 'blue1-700': #254872, + 'blue1-750': #1F3C5F, + 'blue1-800': #19314E, + 'blue1-850': #14263D, + 'blue1-900': #0E1C2C, + 'blue1-950': #09111B, + 'blue-2-050': #E6F3F4, + 'blue-2-100': #CBE8E9, + 'blue-2-150': #B2DCDE, + 'blue-2-200': #96D0D4, + 'blue-2-250': #7AC4C9, + 'blue-2-300': #5EB8BE, + 'blue-2-350': #44ACB3, + 'blue-2-400': #269FA7, + 'blue-2-450': #05929B, + 'blue-2-500': #009099, + 'blue-2-550': #00767C, + 'blue-2-600': #00696F, + 'blue-2-650': #005C61, + 'blue-2-700': #004F53, + 'blue-2-750': #004246, + 'blue-2-800': #003639, + 'blue-2-850': #002B2D, + 'blue-2-900': #001F21, + 'blue-2-950': #001415, + 'purple-050': #F5EEF5, + 'purple-100': #ECDEEC, + 'purple-150': #E4CDE3, + 'purple-200': #DBBDD9, + 'purple-250': #D3ADD0, + 'purple-300': #CA9DC7, + 'purple-350': #C18DBE, + 'purple-400': #B87DB4, + 'purple-450': #B06CAB, + 'purple-500': #8F58A5, + 'purple-550': #975093, + 'purple-600': #864783, + 'purple-650': #743E72, + 'purple-700': #643662, + 'purple-750': #542D52, + 'purple-800': #442443, + 'purple-850': #351C34, + 'purple-900': #271526, + 'purple-950': #180C18, + 'pink-050': #FAEEEA, + 'pink-100': #F5DDD6, + 'pink-150': #F1CCC3, + 'pink-200': #EDBBAF, + 'pink-250': #E8AA9B, + 'pink-300': #E39886, + 'pink-350': #E18B76, + 'pink-400': #CA7C69, + 'pink-450': #B86088, + 'pink-500': #A66657, + 'pink-550': #955B4D, + 'pink-600': #845044, + 'pink-650': #73473C, + 'pink-700': #633D34, + 'pink-750': #53322B, + 'pink-800': #452923, + 'pink-850': #36201C, + 'pink-900': #271713, + 'pink-950': #190E0C, + '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': #000000B2, + 'black-750': #000000BF, + 'black-800': #000000CC, + 'black-850': #000000D9, + 'black-900': #000000E5, + 'black-950': #000000F2, + 'white-000': #FFFFFF00, + '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': #FFFFFFB2, + 'white-750': #FFFFFFBF, + 'white-800': #FFFFFFCC, + 'white-850': #FFFFFFD9, + 'white-900': #FFFFFFE5, + 'white-950': #FFFFFFF2, + 'white-975': #FFFFFFF9 + ), + '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': 100, + 'light': 300, + 'regular': 400, + 'medium': 500, + 'bold': 600, + 'extrabold': 800, + 'black': 900 + ), + 'families': ( + 'base': #{Hanken Grotesk, sans-serif}, + 'accent': #{Hanken Grotesk, sans-serif} + ) + ), + 'spacings': ( + '0': 0, + 'l': 3rem, + 'b': 1.625rem, + 'm': 0.8125rem, + 's': 1rem, + 't': 0.5rem, + 'st': 0.25rem, + '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, + '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, + '2xl': 3rem, + '3xl': 3.5rem, + '4xl': 4rem, + '5xl': 4.5rem, + '6xl': 6rem, + '7xl': 7.5rem, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100% + ), + 'breakpoints': ( + 'xs': 480px, + 'sm': 576px, + 'md': 768px, + 'lg': 992px, + 'xl': 1200px, + 'xxl': 1400px, + 'xxs': 320px, + 'mobile': 768px, + 'tablet': 1024px + ) + ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #2F2F40, + 'secondary': #252435, + 'tertiary': #1A1A2A + ), + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'overlay': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #3D3D8C, + 'secondary-hover': #34356E, + 'tertiary': #34356E, + 'tertiary-hover': #2C2D54 + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #454558, + 'secondary-hover': #3A3A4C, + 'tertiary': #3A3A4C, + 'tertiary-hover': #2F2F40 + ), + 'info': ( + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #114785, + 'secondary-hover': #173D6A, + 'tertiary': #173D6A, + 'tertiary-hover': #183251 + ), + 'success': ( + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #1C502D, + 'secondary-hover': #1E4229, + 'tertiary': #1E4229, + 'tertiary-hover': #1C3524 + ), + 'warning': ( + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #783211, + 'secondary-hover': #602E17, + 'tertiary': #602E17, + 'tertiary-hover': #4C2818 + ), + 'error': ( + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #8B1B11, + 'secondary-hover': #712017, + 'tertiary': #712017, + 'tertiary-hover': #582018 + ), + 'disabled': ( + 'primary': #3A3A4C, + 'secondary': #2F2F40 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #9393FB, + 'secondary': #7575F2, + 'tertiary': #5C5CD3 + ), + 'red': ( + 'primary': #EF7A82, + 'secondary': #E94A55, + 'tertiary': #E1000F + ), + 'orange': ( + 'primary': #E58459, + 'secondary': #C86A40, + 'tertiary': #A25533 + ), + 'brown': ( + 'primary': #BB9679, + 'secondary': #9C7D64, + 'tertiary': #7E6551 + ), + 'yellow': ( + 'primary': #C3992A, + 'secondary': #A27E21, + 'tertiary': #83661B + ), + 'green': ( + 'primary': #22B374, + 'secondary': #009755, + 'tertiary': #007A44 + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #44ACB3, + 'secondary': #05929B, + 'tertiary': #00767C + ), + 'purple': ( + 'primary': #C18DBE, + 'secondary': #B06CAB, + 'tertiary': #975093 + ), + 'pink': ( + 'primary': #E18B76, + 'secondary': #B86088, + 'tertiary': #955B4D + ), + 'gray': ( + 'primary': #9C9CB2, + 'secondary': #828297, + 'tertiary': #69697D + ) + ) + ), + 'content': ( + 'logo1': #C5C5F0, + 'logo2': #C1C1FF, + 'semantic': ( + 'contextual': ( + 'primary': #000000D9 + ), + 'overlay': ( + 'primary': #000000D9 + ), + 'brand': ( + 'primary': #EFEFFF, + 'secondary': #E0E0FF, + 'tertiary': #B2B2FF, + 'on-brand': #EFEFFF + ), + 'neutral': ( + 'primary': #F0F0F3, + 'secondary': #E2E2EA, + 'tertiary': #B7B7CB, + 'on-neutral': #F0F0F3 + ), + 'info': ( + 'primary': #E7F2FE, + 'secondary': #CEE5FD, + 'tertiary': #83BDF9, + 'on-info': #E7F2FE + ), + 'success': ( + 'primary': #E8F3EC, + 'secondary': #D1E8DA, + 'tertiary': #8DC5A3, + 'on-success': #E8F3EC + ), + 'warning': ( + 'primary': #FBEEE7, + 'secondary': #F7DDCF, + 'tertiary': #EBAA86, + 'on-warning': #FBEEE7 + ), + 'error': ( + 'primary': #FEEDEC, + 'secondary': #FEDAD9, + 'tertiary': #FCA09E, + 'on-error': #FEEDEC + ), + 'disabled': ( + 'primary': #5D5D70, + 'secondary': #0000004D + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF + ), + 'red': ( + 'primary': #E52835 + ), + 'orange': ( + 'primary': #B65F3A + ), + 'brown': ( + 'primary': #8D725B + ), + 'yellow': ( + 'primary': #92721F + ), + 'green': ( + 'primary': #00894D + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099 + ), + 'purple': ( + 'primary': #8F58A5 + ), + 'pink': ( + 'primary': #A66657 + ), + 'gray': ( + 'primary': #75758A + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #3A3A4C + ), + 'semantic': ( + 'contextual': ( + 'primary': #00000033 + ), + 'overlay': ( + 'primary': #00000033 + ), + 'brand': ( + 'primary': #7575F2, + 'secondary': #5151BB, + 'tertiary': #3D3D8C + ), + 'neutral': ( + 'primary': #828297, + 'secondary': #5D5D70, + 'tertiary': #454558 + ), + 'info': ( + 'primary': #1583F4, + 'secondary': #005CBB, + 'tertiary': #114785 + ), + 'success': ( + 'primary': #309556, + 'secondary': #186C38, + 'tertiary': #1C502D + ), + 'warning': ( + 'primary': #DA5E18, + 'secondary': #A63C00, + 'tertiary': #783211 + ), + 'error': ( + 'primary': #F83832, + 'secondary': #BF0500, + 'tertiary': #8B1B11 + ), + 'disabled': ( + 'primary': #2F2F40 + ) + ) + ) + ), + 'components': ( + 'modal': ( + 'width-small': 342px + ), + 'tooltip': ( + 'padding': 4px 8px, + 'background-color': #F0F0F3 + ), + 'button': ( + 'medium-height': 40px, + 'medium-text-height': 40px, + 'border-radius': 4px, + 'border-radius--active': 4px, + 'border-radius--focus': 4px + ), + 'datagrid': ( + 'header--color': #252435, + 'header--size': 12px, + 'header--weight': 500, + 'body--background-color-hover': #F0F0F3 + ), + 'forms-checkbox': ( + 'font-size': 0.875rem + ), + 'badge': ( + 'font-size': 0.75rem, + 'border-radius': 12px, + 'padding-inline': 0.5rem, + 'padding-block': 0.375rem, + 'accent': ( + 'background-color': #E0E0FF, + 'color': #5151BB + ), + 'neutral': ( + 'background-color': #E2E2EA, + 'color': #5D5D70 + ), + 'danger': ( + 'background-color': #FEDAD9, + 'color': #BF0500 + ), + 'success': ( + 'background-color': #D1E8DA, + 'color': #186C38 + ), + 'warning': ( + 'background-color': #F7DDCF, + 'color': #A63C00 + ), + 'info': ( + 'background-color': #CEE5FD, + 'color': #005CBB + ) + ) + ) + ), + 'dsfr-light': ( + 'globals': ( + 'colors': ( + 'logo-1': #2845C1, + 'logo-2': #C83F49, + 'logo-1-dark': #95ABFF, + 'logo-2-dark': #E78087, + 'brand-050': #EDF0FF, + 'brand-100': #DAE2FF, + 'brand-150': #C8D3FF, + 'brand-200': #B5C4FF, + 'brand-250': #A2B6FF, + 'brand-300': #90A7FF, + 'brand-350': #7E98FF, + 'brand-400': #6C89FE, + 'brand-450': #5C7AF7, + 'brand-500': #4C6CEF, + 'brand-550': #3E5DE7, + 'brand-600': #304DDF, + 'brand-650': #2845C1, + 'brand-700': #223E9E, + 'brand-750': #1F367D, + 'brand-800': #1B2E5F, + 'brand-850': #172446, + 'brand-900': #121B30, + 'brand-950': #0C111A, + 'gray-000': #FFFFFF, + 'gray-025': #F6F8F9, + 'gray-050': #EEF1F4, + 'gray-100': #DFE2EA, + 'gray-150': #CFD5DE, + 'gray-200': #C1C7D3, + 'gray-250': #B2B9C7, + 'gray-300': #A4ABBC, + 'gray-350': #969EB0, + 'gray-400': #8891A4, + 'gray-450': #7B8498, + 'gray-500': #6D778C, + 'gray-550': #626A80, + 'gray-600': #555E74, + 'gray-650': #4A5267, + 'gray-700': #3F4759, + 'gray-750': #363B4C, + 'gray-800': #2B303D, + 'gray-850': #222631, + 'gray-900': #181B24, + 'gray-950': #0F1117, + 'gray-1000': #000000, + 'info-050': #E7F2FF, + 'info-100': #CFE5FF, + 'info-150': #B7D7FF, + 'info-200': #A0CAFE, + 'info-250': #8CBCF9, + 'info-300': #77AEF4, + 'info-350': #63A0EE, + 'info-400': #5092E7, + 'info-450': #4185DC, + 'info-500': #3677CC, + 'info-550': #2F6ABB, + 'info-600': #265EAA, + 'info-650': #28528F, + 'info-700': #274775, + 'info-750': #243C5E, + 'info-800': #20314A, + 'info-850': #1B2637, + 'info-900': #141C27, + 'info-950': #0D1118, + 'success-050': #DEF7E6, + 'success-100': #BAEECF, + 'success-150': #A5E2C0, + 'success-200': #95D4B3, + 'success-250': #85C6A7, + 'success-300': #74B99B, + 'success-350': #65AB8F, + 'success-400': #579E84, + 'success-450': #4B9079, + 'success-500': #40836F, + 'success-550': #367664, + 'success-600': #2B695A, + 'success-650': #2C5A50, + 'success-700': #2A4D45, + 'success-750': #26403C, + 'success-800': #213430, + 'success-850': #1B2826, + 'success-900': #151D1C, + 'success-950': #0D1212, + 'warning-050': #FFEEDF, + 'warning-100': #FFDCBE, + 'warning-150': #FFCA9C, + 'warning-200': #FFB778, + 'warning-250': #FDA54F, + 'warning-300': #F59425, + 'warning-350': #E78613, + 'warning-400': #D7790C, + 'warning-450': #C86C08, + 'warning-500': #B85F03, + 'warning-550': #A75400, + 'warning-600': #984800, + 'warning-650': #814112, + 'warning-700': #6C3A19, + 'warning-750': #58321C, + 'warning-800': #452A1A, + 'warning-850': #352117, + 'warning-900': #261813, + 'warning-950': #170F0C, + 'error-050': #FFEDEB, + 'error-100': #FFDAD7, + 'error-150': #FFC7C2, + 'error-200': #FFB3AD, + 'error-250': #FF9F99, + 'error-300': #FF8984, + 'error-350': #FF706E, + 'error-400': #FB5759, + 'error-450': #F63A45, + 'error-500': #E32C39, + 'error-550': #CF202D, + 'error-600': #BD0F23, + 'error-650': #9D2227, + 'error-700': #812727, + 'error-750': #672624, + 'error-800': #512220, + 'error-850': #3D1C1B, + 'error-900': #2A1614, + 'error-950': #190E0D, + 'red-050': #FFEDEB, + 'red-100': #FFDAD7, + 'red-150': #FFC7C2, + 'red-200': #FFB3AD, + 'red-250': #FF9F99, + 'red-300': #FF8984, + 'red-350': #FF706E, + 'red-400': #FB5759, + 'red-450': #F63A45, + 'red-500': #E32C39, + 'red-550': #CF202D, + 'red-600': #BD0F23, + 'red-650': #9D2227, + 'red-700': #812727, + 'red-750': #672624, + 'red-800': #512220, + 'red-850': #3D1C1B, + 'red-900': #2A1614, + 'red-950': #190E0D, + 'orange-050': #FCEDEB, + 'orange-100': #F8DCD7, + 'orange-150': #F1CCC5, + 'orange-200': #EABCB4, + 'orange-250': #E2ACA2, + 'orange-300': #DA9C92, + 'orange-350': #D28C81, + 'orange-400': #CA7C70, + 'orange-450': #BE6E62, + 'orange-500': #AE6257, + 'orange-550': #9E564D, + 'orange-600': #8F4B42, + 'orange-650': #79443D, + 'orange-700': #643C37, + 'orange-750': #513430, + 'orange-800': #412B28, + 'orange-850': #312220, + 'orange-900': #231918, + 'orange-950': #150F0F, + 'brown-050': #F9EFEA, + 'brown-100': #F3DFD3, + 'brown-150': #EACFC1, + 'brown-200': #E2BFAE, + 'brown-250': #D8B19C, + 'brown-300': #D0A189, + 'brown-350': #C3937B, + 'brown-400': #B5866D, + 'brown-450': #A77A62, + 'brown-500': #996D57, + 'brown-550': #8B614D, + 'brown-600': #7C5542, + 'brown-650': #6A4C3C, + 'brown-700': #594236, + 'brown-750': #49382F, + 'brown-800': #3B2E28, + 'brown-850': #2D2420, + 'brown-900': #201A18, + 'brown-950': #13100F, + 'yellow-050': #FDF1C5, + 'yellow-100': #FBE18E, + 'yellow-150': #F4D261, + 'yellow-200': #EAC244, + 'yellow-250': #DFB41B, + 'yellow-300': #D1A516, + 'yellow-350': #C49711, + 'yellow-400': #B78A0C, + 'yellow-450': #A87D07, + 'yellow-500': #9B6F02, + 'yellow-550': #8D6300, + 'yellow-600': #7F5600, + 'yellow-650': #6E4C11, + 'yellow-700': #5D4219, + 'yellow-750': #4D371B, + 'yellow-800': #3D2E1A, + 'yellow-850': #2F2417, + 'yellow-900': #221A12, + 'yellow-950': #14100C, + 'green-050': #E7F9B3, + 'green-100': #D5EC98, + 'green-150': #C5DE86, + 'green-200': #B5D174, + 'green-250': #A5C464, + 'green-300': #95B755, + 'green-350': #85AA45, + 'green-400': #769D39, + 'green-450': #688F30, + 'green-500': #5A8228, + 'green-550': #4D7621, + 'green-600': #416919, + 'green-650': #3A5B20, + 'green-700': #324E22, + 'green-750': #2C4122, + 'green-800': #24351D, + 'green-850': #1D2919, + 'green-900': #161E13, + 'green-950': #0E120C, + 'blue1-050': #E7F2FF, + 'blue1-100': #CFE5FF, + 'blue1-150': #B7D7FF, + 'blue1-200': #A0CAFE, + 'blue1-250': #8CBCF9, + 'blue1-300': #77AEF4, + 'blue1-350': #63A0EE, + 'blue1-400': #5092E7, + 'blue1-450': #4185DC, + 'blue1-500': #3677CC, + 'blue1-550': #2F6ABB, + 'blue1-600': #265EAA, + 'blue1-650': #28528F, + 'blue1-700': #274775, + 'blue1-750': #243C5E, + 'blue1-800': #20314A, + 'blue1-850': #1B2637, + 'blue1-900': #141C27, + 'blue1-950': #0D1118, + 'blue2-050': #E2F4FD, + 'blue2-100': #C4E8F8, + 'blue2-150': #AADCF2, + 'blue2-200': #93CFEB, + 'blue2-250': #7CC2E2, + 'blue2-300': #6CB4D6, + 'blue2-350': #5CA7C9, + 'blue2-400': #5099BC, + 'blue2-450': #458BAE, + 'blue2-500': #3A7EA0, + 'blue2-550': #327191, + 'blue2-600': #286483, + 'blue2-650': #2B5770, + 'blue2-700': #294A5E, + 'blue2-750': #263E4D, + 'blue2-800': #22323D, + 'blue2-850': #1C272E, + 'blue2-900': #151D21, + 'blue2-950': #0E1114, + 'purple-050': #F5EEFF, + 'purple-100': #ECDCFF, + 'purple-150': #E2CBFF, + 'purple-200': #D9B9FF, + 'purple-250': #D0A7FF, + 'purple-300': #C894FE, + 'purple-350': #BE83FA, + 'purple-400': #B570F5, + 'purple-450': #AB5EF0, + 'purple-500': #A04BE8, + 'purple-550': #933CDB, + 'purple-600': #8530C8, + 'purple-650': #7033A5, + 'purple-700': #5D3185, + 'purple-750': #4C2C6A, + 'purple-800': #3C2652, + 'purple-850': #2D203C, + 'purple-900': #21182A, + 'purple-950': #130F19, + 'pink-050': #FFEBF6, + 'pink-100': #FFD8ED, + 'pink-150': #FCC4E3, + 'pink-200': #F7B2D9, + 'pink-250': #F29FCE, + 'pink-300': #ED8CC3, + 'pink-350': #E779B8, + 'pink-400': #E264AD, + 'pink-450': #D2579E, + 'pink-500': #C24B8E, + 'pink-550': #B0417F, + 'pink-600': #9F3670, + 'pink-650': #873560, + 'pink-700': #6F3250, + 'pink-750': #5A2C43, + 'pink-800': #472635, + 'pink-850': #351F29, + 'pink-900': #26171D, + 'pink-950': #170F12, + 'black-000': #181B2400, + 'black-050': #181B240D, + 'black-100': #181B241A, + 'black-150': #181B2426, + 'black-200': #181B2433, + 'black-250': #181B2440, + 'black-300': #181B244D, + 'black-350': #181B2459, + 'black-400': #181B2466, + 'black-450': #181B2473, + 'black-500': #181B2480, + 'black-550': #181B248C, + 'black-600': #181B2499, + 'black-650': #181B24A6, + 'black-700': #181B24B2, + 'black-750': #181B24BF, + 'black-800': #181B24CC, + 'black-850': #181B24D9, + 'black-900': #181B24E5, + 'black-950': #0F1117F2, + 'white-000': #F6F8F900, + 'white-050': #F6F8F90D, + 'white-100': #F6F8F91A, + 'white-150': #F6F8F926, + 'white-200': #F6F8F933, + 'white-250': #F6F8F940, + 'white-300': #F6F8F94D, + 'white-350': #F6F8F959, + 'white-400': #F6F8F966, + 'white-450': #F6F8F973, + 'white-500': #F6F8F980, + 'white-550': #F6F8F98C, + 'white-600': #F6F8F999, + 'white-650': #F6F8F9A6, + 'white-700': #F6F8F9B2, + 'white-750': #F6F8F9BF, + 'white-800': #F6F8F9CC, + 'white-850': #F6F8F9D9, + 'white-900': #F6F8F9E5, + 'white-950': #F6F8F9F2, + 'white-975': #F6F8F9F9 + ), + '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': 100, + 'extrabold': 800, + 'black': 900 + ), + 'families': ( + 'accent': #{Marianne, Inter, Roboto Flex Variable, sans-serif}, + 'base': #{Marianne, Inter, Roboto Flex Variable, sans-serif} + ) + ), + 'spacings': ( + '0': 0, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100%, + '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, + 'xs': 0.5rem, + 'sm': 0.75rem, + 'base': 1rem, + 'md': 1.5rem, + 'lg': 2rem, + 'xl': 2.5rem, + 'xxl': 3rem, + '2xl': 3rem, + 'xxxl': 3.5rem, + '3xl': 3.5rem, + '4xl': 4rem, + '5xl': 4.5rem, + '6xl': 6rem, + '7xl': 7.5rem + ), + 'breakpoints': ( + 'xxs': 320px, + 'xs': 480px, + 'mobile': 768px, + 'tablet': 1024px + ) + ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #FFFFFF, + 'secondary': #FFFFFF, + 'tertiary': #F8F8FA + ), + 'semantic': ( + 'overlay': ( + 'primary': #0000000D, + 'primary-hover': #0000001A + ), + 'contextual': ( + 'primary': #0000000D, + 'primary-hover': #0000001A + ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #E0E0FF, + 'secondary-hover': #D0D0FF, + 'tertiary': #EFEFFF, + 'tertiary-hover': #E0E0FF + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #E2E2EA, + 'secondary-hover': #D3D4E0, + 'tertiary': #F0F0F3, + 'tertiary-hover': #E2E2EA + ), + 'info': ( + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #CEE5FD, + 'secondary-hover': #B5D8FC, + 'tertiary': #E7F2FE, + 'tertiary-hover': #CEE5FD + ), + 'success': ( + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #D1E8DA, + 'secondary-hover': #BBDCC8, + 'tertiary': #E8F3EC, + 'tertiary-hover': #D1E8DA + ), + 'warning': ( + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #F7DDCF, + 'secondary-hover': #F3CDB7, + 'tertiary': #FBEEE7, + 'tertiary-hover': #F7DDCF + ), + 'error': ( + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #FEDAD9, + 'secondary-hover': #FDC7C6, + 'tertiary': #FEEDEC, + 'tertiary-hover': #FEDAD9 + ), + 'disabled': ( + 'primary': #E2E2EA, + 'secondary': #F0F0F3 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF, + 'secondary': #9393FB, + 'tertiary': #D0D0FF + ), + 'red': ( + 'primary': #E52835, + 'secondary': #EF7A82, + 'tertiary': #F8C9CC + ), + 'orange': ( + 'primary': #B65F3A, + 'secondary': #E58459, + 'tertiary': #F4CCBA + ), + 'brown': ( + 'primary': #8D725B, + 'secondary': #BB9679, + 'tertiary': #E2D1C5 + ), + 'yellow': ( + 'primary': #92721F, + 'secondary': #C3992A, + 'tertiary': #E5D3A4 + ), + 'green': ( + 'primary': #00894D, + 'secondary': #22B374, + 'tertiary': #A9E0C9 + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099, + 'secondary': #44ACB3, + 'tertiary': #B2DCDE + ), + 'purple': ( + 'primary': #8F58A5, + 'secondary': #C18DBE, + 'tertiary': #E4CDE3 + ), + 'pink': ( + 'primary': #A66657, + 'secondary': #E18B76, + 'tertiary': #F1CCC3 + ), + 'gray': ( + 'primary': #75758A, + 'secondary': #9C9CB2, + 'tertiary': #D3D4E0 + ) + ), + 'text': ( + 'primary': #0000000D + ) + ), + 'content': ( + 'logo1': #4747A3, + 'logo2': #4747A3, + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFFF2 + ), + 'overlay': ( + 'primary': #FFFFFFF2 + ), + 'brand': ( + 'primary': #3D3D8C, + 'secondary': #5151BB, + 'tertiary': #5C5CD3, + 'on-brand': #EFEFFF + ), + 'neutral': ( + 'primary': #252435, + 'secondary': #5D5D70, + 'tertiary': #69697D, + 'on-neutral': #F0F0F3 + ), + 'info': ( + 'primary': #114785, + 'secondary': #005CBB, + 'tertiary': #0068D2, + 'on-info': #E7F2FE + ), + 'success': ( + 'primary': #1C502D, + 'secondary': #186C38, + 'tertiary': #1B7A3F, + 'on-success': #E8F3EC + ), + 'warning': ( + 'primary': #783211, + 'secondary': #A63C00, + 'tertiary': #BB4300, + 'on-warning': #FBEEE7 + ), + 'error': ( + 'primary': #8B1B11, + 'secondary': #BF0500, + 'tertiary': #D70600, + 'on-error': #FEEDEC + ), + 'disabled': ( + 'primary': #A9A9BF, + 'secondary': #FFFFFF80 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF + ), + 'red': ( + 'primary': #E52835 + ), + 'orange': ( + 'primary': #B65F3A + ), + 'brown': ( + 'primary': #8D725B + ), + 'yellow': ( + 'primary': #92721F + ), + 'green': ( + 'primary': #00894D + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099 + ), + 'purple': ( + 'primary': #8F58A5 + ), + 'pink': ( + 'primary': #A66657 + ), + 'gray': ( + 'primary': #75758A + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #E2E2EA + ), + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFF33 + ), + 'overlay': ( + 'primary': #FFFFFF33 + ), + 'brand': ( + 'primary': #5C5CD3, + 'secondary': #A2A2FF, + 'tertiary': #D0D0FF + ), + 'neutral': ( + 'primary': #69697D, + 'secondary': #A9A9BF, + 'tertiary': #D3D4E0 + ), + 'info': ( + 'primary': #0068D2, + 'secondary': #69B0F8, + 'tertiary': #B5D8FC + ), + 'success': ( + 'primary': #1B7A3F, + 'secondary': #76B990, + 'tertiary': #BBDCC8 + ), + 'warning': ( + 'primary': #BB4300, + 'secondary': #E7986C, + 'tertiary': #F3CDB7 + ), + 'error': ( + 'primary': #D70600, + 'secondary': #FB8B88, + 'tertiary': #FDC7C6 + ), + 'disabled': ( + 'primary': #E2E2EA + ) + ) + ) + ), + 'components': ( + 'modal': ( + 'width-small': 342px + ), + 'tooltip': ( + 'padding': 4px 8px, + 'background-color': #F0F0F3 + ), + 'button': ( + 'medium-height': 40px, + 'medium-text-height': 40px, + 'border-radius': 4px, + 'border-radius--active': 4px, + 'border-radius--focus': 4px + ), + 'datagrid': ( + 'header--color': #252435, + 'header--size': 12px, + 'header--weight': 500, + 'body--background-color-hover': #F0F0F3 + ), + 'forms-checkbox': ( + 'font-size': 0.875rem + ), + 'badge': ( + 'font-size': 0.75rem, + 'border-radius': 12px, + 'padding-inline': 0.5rem, + 'padding-block': 0.375rem, + 'accent': ( + 'background-color': #E0E0FF, + 'color': #5151BB + ), + 'neutral': ( + 'background-color': #E2E2EA, + 'color': #5D5D70 + ), + 'danger': ( + 'background-color': #FEDAD9, + 'color': #BF0500 + ), + 'success': ( + 'background-color': #D1E8DA, + 'color': #186C38 + ), + 'warning': ( + 'background-color': #F7DDCF, + 'color': #A63C00 + ), + 'info': ( + 'background-color': #CEE5FD, + 'color': #005CBB + ) + ) + ) + ), + 'dsfr-dark': ( + 'globals': ( + 'colors': ( + 'logo-1': #2845C1, + 'logo-2': #C83F49, 'logo-1-dark': #95ABFF, - 'logo-2-dark': #95ABFF, + 'logo-2-dark': #E78087, 'brand-050': #EDF0FF, 'brand-100': #DAE2FF, 'brand-150': #C8D3FF, @@ -214,126 +2399,10 @@ $themes: ( 'green-650': #3A5B20, 'green-700': #324E22, 'green-750': #2C4122, - 'green-800': #24351D, - 'green-850': #1D2919, - 'green-900': #161E13, - 'green-950': #0E120C, - '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': #F5EEFF, - 'purple-100': #ECDCFF, - 'purple-150': #E2CBFF, - 'purple-200': #D9B9FF, - 'purple-250': #D0A7FF, - 'purple-300': #C894FE, - 'purple-350': #BE83FA, - 'purple-400': #B570F5, - 'purple-450': #AB5EF0, - 'purple-500': #A04BE8, - 'purple-550': #933CDB, - 'purple-600': #8530C8, - 'purple-650': #7033A5, - 'purple-700': #5D3185, - 'purple-750': #4C2C6A, - 'purple-800': #3C2652, - 'purple-850': #2D203C, - 'purple-900': #21182A, - 'purple-950': #130F19, - 'pink-050': #FFEBF6, - 'pink-100': #FFD8ED, - 'pink-150': #FCC4E3, - 'pink-200': #F7B2D9, - 'pink-250': #F29FCE, - 'pink-300': #ED8CC3, - 'pink-350': #E779B8, - 'pink-400': #E264AD, - 'pink-450': #D2579E, - 'pink-500': #C24B8E, - 'pink-550': #B0417F, - 'pink-600': #9F3670, - 'pink-650': #873560, - 'pink-700': #6F3250, - 'pink-750': #5A2C43, - 'pink-800': #472635, - 'pink-850': #351F29, - 'pink-900': #26171D, - 'pink-950': #170F12, - '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, + 'green-800': #24351D, + 'green-850': #1D2919, + 'green-900': #161E13, + 'green-950': #0E120C, 'blue1-050': #E7F2FF, 'blue1-100': #CFE5FF, 'blue1-150': #B7D7FF, @@ -371,13 +2440,797 @@ $themes: ( 'blue2-800': #22323D, 'blue2-850': #1C272E, 'blue2-900': #151D21, - 'blue2-950': #0E1114 + 'blue2-950': #0E1114, + 'purple-050': #F5EEFF, + 'purple-100': #ECDCFF, + 'purple-150': #E2CBFF, + 'purple-200': #D9B9FF, + 'purple-250': #D0A7FF, + 'purple-300': #C894FE, + 'purple-350': #BE83FA, + 'purple-400': #B570F5, + 'purple-450': #AB5EF0, + 'purple-500': #A04BE8, + 'purple-550': #933CDB, + 'purple-600': #8530C8, + 'purple-650': #7033A5, + 'purple-700': #5D3185, + 'purple-750': #4C2C6A, + 'purple-800': #3C2652, + 'purple-850': #2D203C, + 'purple-900': #21182A, + 'purple-950': #130F19, + 'pink-050': #FFEBF6, + 'pink-100': #FFD8ED, + 'pink-150': #FCC4E3, + 'pink-200': #F7B2D9, + 'pink-250': #F29FCE, + 'pink-300': #ED8CC3, + 'pink-350': #E779B8, + 'pink-400': #E264AD, + 'pink-450': #D2579E, + 'pink-500': #C24B8E, + 'pink-550': #B0417F, + 'pink-600': #9F3670, + 'pink-650': #873560, + 'pink-700': #6F3250, + 'pink-750': #5A2C43, + 'pink-800': #472635, + 'pink-850': #351F29, + 'pink-900': #26171D, + 'pink-950': #170F12, + 'black-000': #181B2400, + 'black-050': #181B240D, + 'black-100': #181B241A, + 'black-150': #181B2426, + 'black-200': #181B2433, + 'black-250': #181B2440, + 'black-300': #181B244D, + 'black-350': #181B2459, + 'black-400': #181B2466, + 'black-450': #181B2473, + 'black-500': #181B2480, + 'black-550': #181B248C, + 'black-600': #181B2499, + 'black-650': #181B24A6, + 'black-700': #181B24B2, + 'black-750': #181B24BF, + 'black-800': #181B24CC, + 'black-850': #181B24D9, + 'black-900': #181B24E5, + 'black-950': #0F1117F2, + 'white-000': #F6F8F900, + 'white-050': #F6F8F90D, + 'white-100': #F6F8F91A, + 'white-150': #F6F8F926, + 'white-200': #F6F8F933, + 'white-250': #F6F8F940, + 'white-300': #F6F8F94D, + 'white-350': #F6F8F959, + 'white-400': #F6F8F966, + 'white-450': #F6F8F973, + 'white-500': #F6F8F980, + 'white-550': #F6F8F98C, + 'white-600': #F6F8F999, + 'white-650': #F6F8F9A6, + 'white-700': #F6F8F9B2, + 'white-750': #F6F8F9BF, + 'white-800': #F6F8F9CC, + 'white-850': #F6F8F9D9, + 'white-900': #F6F8F9E5, + 'white-950': #F6F8F9F2, + 'white-975': #F6F8F9F9 ), - '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': 100, + 'extrabold': 800, + 'black': 900 + ), + 'families': ( + 'accent': #{Marianne, Inter, Roboto Flex Variable, sans-serif}, + 'base': #{Marianne, Inter, Roboto Flex Variable, sans-serif} + ) + ), + 'spacings': ( + '0': 0, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100%, + '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, + 'xs': 0.5rem, + 'sm': 0.75rem, + 'base': 1rem, + 'md': 1.5rem, + 'lg': 2rem, + 'xl': 2.5rem, + 'xxl': 3rem, + '2xl': 3rem, + 'xxxl': 3.5rem, + '3xl': 3.5rem, + '4xl': 4rem, + '5xl': 4.5rem, + '6xl': 6rem, + '7xl': 7.5rem + ), + 'breakpoints': ( + 'xxs': 320px, + 'xs': 480px, + 'mobile': 768px, + 'tablet': 1024px + ) + ), + 'contextuals': ( + 'background': ( + 'surface': ( + 'primary': #2F2F40, + 'secondary': #252435, + 'tertiary': #1A1A2A + ), + 'semantic': ( + 'contextual': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'overlay': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #3D3D8C, + 'secondary-hover': #34356E, + 'tertiary': #34356E, + 'tertiary-hover': #2C2D54 + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #454558, + 'secondary-hover': #3A3A4C, + 'tertiary': #3A3A4C, + 'tertiary-hover': #2F2F40 + ), + 'info': ( + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #114785, + 'secondary-hover': #173D6A, + 'tertiary': #173D6A, + 'tertiary-hover': #183251 + ), + 'success': ( + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #1C502D, + 'secondary-hover': #1E4229, + 'tertiary': #1E4229, + 'tertiary-hover': #1C3524 + ), + 'warning': ( + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #783211, + 'secondary-hover': #602E17, + 'tertiary': #602E17, + 'tertiary-hover': #4C2818 + ), + 'error': ( + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #8B1B11, + 'secondary-hover': #712017, + 'tertiary': #712017, + 'tertiary-hover': #582018 + ), + 'disabled': ( + 'primary': #3A3A4C, + 'secondary': #2F2F40 + ) + ), + 'palette': ( + 'brand': ( + 'primary': #9393FB, + 'secondary': #7575F2, + 'tertiary': #5C5CD3 + ), + 'red': ( + 'primary': #EF7A82, + 'secondary': #E94A55, + 'tertiary': #E1000F + ), + 'orange': ( + 'primary': #E58459, + 'secondary': #C86A40, + 'tertiary': #A25533 + ), + 'brown': ( + 'primary': #BB9679, + 'secondary': #9C7D64, + 'tertiary': #7E6551 + ), + 'yellow': ( + 'primary': #C3992A, + 'secondary': #A27E21, + 'tertiary': #83661B + ), + 'green': ( + 'primary': #22B374, + 'secondary': #009755, + 'tertiary': #007A44 + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #44ACB3, + 'secondary': #05929B, + 'tertiary': #00767C + ), + 'purple': ( + 'primary': #C18DBE, + 'secondary': #B06CAB, + 'tertiary': #975093 + ), + 'pink': ( + 'primary': #E18B76, + 'secondary': #B86088, + 'tertiary': #955B4D + ), + 'gray': ( + 'primary': #9C9CB2, + 'secondary': #828297, + 'tertiary': #69697D + ) + ) + ), + 'content': ( + 'logo1': #C5C5F0, + 'logo2': #C1C1FF, + 'semantic': ( + 'contextual': ( + 'primary': #000000D9 + ), + 'overlay': ( + 'primary': #000000D9 + ), + 'brand': ( + 'primary': #EFEFFF, + 'secondary': #E0E0FF, + 'tertiary': #B2B2FF, + 'on-brand': #EFEFFF + ), + 'neutral': ( + 'primary': #F0F0F3, + 'secondary': #E2E2EA, + 'tertiary': #B7B7CB, + 'on-neutral': #F0F0F3 + ), + 'info': ( + 'primary': #E7F2FE, + 'secondary': #CEE5FD, + 'tertiary': #83BDF9, + 'on-info': #E7F2FE + ), + 'success': ( + 'primary': #E8F3EC, + 'secondary': #D1E8DA, + 'tertiary': #8DC5A3, + 'on-success': #E8F3EC + ), + 'warning': ( + 'primary': #FBEEE7, + 'secondary': #F7DDCF, + 'tertiary': #EBAA86, + 'on-warning': #FBEEE7 + ), + 'error': ( + 'primary': #FEEDEC, + 'secondary': #FEDAD9, + 'tertiary': #FCA09E, + 'on-error': #FEEDEC + ), + 'disabled': ( + 'primary': #5D5D70, + 'secondary': #0000004D + ) + ), + 'palette': ( + 'brand': ( + 'primary': #6969DF + ), + 'red': ( + 'primary': #E52835 + ), + 'orange': ( + 'primary': #B65F3A + ), + 'brown': ( + 'primary': #8D725B + ), + 'yellow': ( + 'primary': #92721F + ), + 'green': ( + 'primary': #00894D + ), + 'blue-1': (), + 'blue-2': ( + 'primary': #009099 + ), + 'purple': ( + 'primary': #8F58A5 + ), + 'pink': ( + 'primary': #A66657 + ), + 'gray': ( + 'primary': #75758A + ) + ) + ), + 'border': ( + 'surface': ( + 'primary': #3A3A4C + ), + 'semantic': ( + 'contextual': ( + 'primary': #00000033 + ), + 'overlay': ( + 'primary': #00000033 + ), + 'brand': ( + 'primary': #7575F2, + 'secondary': #5151BB, + 'tertiary': #3D3D8C + ), + 'neutral': ( + 'primary': #828297, + 'secondary': #5D5D70, + 'tertiary': #454558 + ), + 'info': ( + 'primary': #1583F4, + 'secondary': #005CBB, + 'tertiary': #114785 + ), + 'success': ( + 'primary': #309556, + 'secondary': #186C38, + 'tertiary': #1C502D + ), + 'warning': ( + 'primary': #DA5E18, + 'secondary': #A63C00, + 'tertiary': #783211 + ), + 'error': ( + 'primary': #F83832, + 'secondary': #BF0500, + 'tertiary': #8B1B11 + ), + 'disabled': ( + 'primary': #2F2F40 + ) + ) + ) + ), + 'components': ( + 'modal': ( + 'width-small': 342px + ), + 'tooltip': ( + 'padding': 4px 8px, + 'background-color': #F0F0F3 + ), + 'button': ( + 'medium-height': 40px, + 'medium-text-height': 40px, + 'border-radius': 4px, + 'border-radius--active': 4px, + 'border-radius--focus': 4px + ), + 'datagrid': ( + 'header--color': #252435, + 'header--size': 12px, + 'header--weight': 500, + 'body--background-color-hover': #F0F0F3 + ), + 'forms-checkbox': ( + 'font-size': 0.875rem + ), + 'badge': ( + 'font-size': 0.75rem, + 'border-radius': 12px, + 'padding-inline': 0.5rem, + 'padding-block': 0.375rem, + 'accent': ( + 'background-color': #E0E0FF, + 'color': #5151BB + ), + 'neutral': ( + 'background-color': #E2E2EA, + 'color': #5D5D70 + ), + 'danger': ( + 'background-color': #FEDAD9, + 'color': #BF0500 + ), + 'success': ( + 'background-color': #D1E8DA, + 'color': #186C38 + ), + 'warning': ( + 'background-color': #F7DDCF, + 'color': #A63C00 + ), + 'info': ( + 'background-color': #CEE5FD, + 'color': #005CBB + ) + ) + ) + ), + 'anct-light': ( + 'globals': ( + 'colors': ( + 'logo-1': #2845C1, + 'logo-2': #FBC63A, + 'logo-1-dark': #94A3E5, + 'logo-2-dark': #EFD183, + 'brand-050': #EEF0F9, + 'brand-100': #DDE2F5, + 'brand-150': #CBD4F1, + 'brand-200': #B8C6F0, + 'brand-250': #A5B7F2, + 'brand-300': #91A8F7, + 'brand-350': #7C98FE, + 'brand-400': #6A89FF, + 'brand-450': #5A7AFB, + 'brand-500': #4B6BF0, + 'brand-550': #3E5CE7, + 'brand-600': #3352D5, + 'brand-650': #2A47C0, + 'brand-700': #2340A3, + 'brand-750': #223A7F, + 'brand-800': #1F325F, + 'brand-850': #1B2845, + 'brand-900': #151E30, + 'brand-950': #0D121D, + 'gray-000': #FFFFFF, + 'gray-025': #F6F8FA, + 'gray-050': #ECF1F7, + 'gray-100': #DDE3F3, + 'gray-150': #CCD4EA, + 'gray-200': #BCC7E0, + 'gray-250': #AEB9D2, + 'gray-300': #A1ABC4, + 'gray-350': #949EB6, + 'gray-400': #8791A9, + 'gray-450': #7A849B, + 'gray-500': #6D778E, + 'gray-550': #616A81, + 'gray-600': #555E75, + 'gray-650': #495268, + 'gray-700': #3E475C, + 'gray-750': #333B50, + 'gray-800': #283044, + 'gray-850': #1E2539, + 'gray-900': #171B28, + 'gray-950': #0F1118, + 'gray-1000': #000000, + 'info-050': #E9F2F8, + 'info-100': #D2E5F1, + 'info-150': #C0D7F0, + 'info-200': #AEC8F0, + 'info-250': #9EB9F2, + 'info-300': #8DABEE, + 'info-350': #7B9DE9, + 'info-400': #6E8FDB, + 'info-450': #6282CD, + 'info-500': #5575BF, + 'info-550': #4968B1, + 'info-600': #3E5CA3, + 'info-650': #344F97, + 'info-700': #294389, + 'info-750': #243972, + 'info-800': #1D2F5B, + 'info-850': #1A2744, + 'info-900': #151D2F, + 'info-950': #0E131F, + 'success-050': #E7F1E9, + 'success-100': #CFE3D3, + 'success-150': #B9D8C0, + 'success-200': #A1CEAC, + 'success-250': #85C496, + 'success-300': #63BC7F, + 'success-350': #45B16B, + 'success-400': #1CA659, + 'success-450': #00984C, + 'success-500': #008A3F, + 'success-550': #007C32, + 'success-600': #006E24, + 'success-650': #016016, + 'success-700': #005305, + 'success-750': #0D450A, + 'success-800': #11380E, + 'success-850': #132A11, + 'success-900': #101E0F, + 'success-950': #091209, + 'warning-050': #F6F0E8, + 'warning-100': #EDE2D1, + 'warning-150': #E6D3B8, + 'warning-200': #E3C39F, + 'warning-250': #E3B082, + 'warning-300': #E19E5C, + 'warning-350': #D98E3F, + 'warning-400': #CF7D19, + 'warning-450': #C17000, + 'warning-500': #B36300, + 'warning-550': #A45600, + 'warning-600': #964900, + 'warning-650': #893C00, + 'warning-700': #7B2F00, + 'warning-750': #68270D, + 'warning-800': #562013, + 'warning-850': #411D18, + 'warning-900': #2E1714, + 'warning-950': #1D0F0D, + 'error-050': #F9EFEC, + 'error-100': #F4DFD9, + 'error-150': #F0CEC6, + 'error-200': #EEBCB2, + 'error-250': #EEA99D, + 'error-300': #EF9487, + 'error-350': #F37C6E, + 'error-400': #F65F53, + 'error-450': #EF443C, + 'error-500': #E0342E, + 'error-550': #D0201F, + 'error-600': #C0000C, + 'error-650': #AA0000, + 'error-700': #910C06, + 'error-750': #731E16, + 'error-800': #58201A, + 'error-850': #411D18, + 'error-900': #2E1714, + 'error-950': #1D0F0D, + 'red-050': #F9EFEC, + 'red-100': #F4DEDA, + 'red-150': #F0CDC9, + 'red-200': #EEBBB6, + 'red-250': #EEA8A2, + 'red-300': #F0938D, + 'red-350': #EC7E78, + 'red-400': #E46D67, + 'red-450': #D95B58, + 'red-500': #CA4E4B, + 'red-550': #BB403F, + 'red-600': #AC3233, + 'red-650': #9D2227, + 'red-700': #882023, + 'red-750': #721D1B, + 'red-800': #58201A, + 'red-850': #401D18, + 'red-900': #2E1714, + 'red-950': #1D0F0D, + 'orange-050': #F8F0E9, + 'orange-100': #F1E0D3, + 'orange-150': #ECD0BD, + 'orange-200': #E9C0A5, + 'orange-250': #E8AE8A, + 'orange-300': #EB9870, + 'orange-350': #EB845A, + 'orange-400': #E66E37, + 'orange-450': #DD5B16, + 'orange-500': #CE4D00, + 'orange-550': #BF3E00, + 'orange-600': #B02F00, + 'orange-650': #A11E00, + 'orange-700': #8A1E14, + 'orange-750': #731E16, + 'orange-800': #58201A, + 'orange-850': #401D18, + 'orange-900': #2E1714, + 'orange-950': #1D0F0D, + 'brown-050': #F5F0E8, + 'brown-100': #ECE2D1, + 'brown-150': #E9D1B9, + 'brown-200': #E3C19D, + 'brown-250': #DCB187, + 'brown-300': #D2A26F, + 'brown-350': #C49562, + 'brown-400': #B68855, + 'brown-450': #A97B48, + 'brown-500': #9B6E3B, + 'brown-550': #8E612F, + 'brown-600': #815521, + 'brown-650': #744913, + 'brown-700': #673D00, + 'brown-750': #5A3100, + 'brown-800': #4E2600, + 'brown-850': #3D1F0B, + 'brown-900': #2C170F, + 'brown-950': #1C0F0B, + 'yellow-050': #F3F0E7, + 'yellow-100': #E9E2CF, + 'yellow-150': #E0D4B7, + 'yellow-200': #DAC59A, + 'yellow-250': #D5B67A, + 'yellow-300': #D0A559, + 'yellow-350': #CC9331, + 'yellow-400': #C48400, + 'yellow-450': #B77600, + 'yellow-500': #AA6800, + 'yellow-550': #9D5A00, + 'yellow-600': #914D00, + 'yellow-650': #843F00, + 'yellow-700': #773200, + 'yellow-750': #6A2601, + 'yellow-800': #56210F, + 'yellow-850': #401D16, + 'yellow-900': #2E1714, + 'yellow-950': #1D0F0D, + 'green-050': #E3F1EF, + 'green-100': #CAE5E1, + 'green-150': #B0DBD4, + 'green-200': #91D1C7, + 'green-250': #6AC8BC, + 'green-300': #4DBCAF, + 'green-350': #3CAFA2, + 'green-400': #2AA194, + 'green-450': #109487, + 'green-500': #00867A, + 'green-550': #00786D, + 'green-600': #016A60, + 'green-650': #015D53, + 'green-700': #005047, + 'green-750': #00443B, + 'green-800': #00382F, + 'green-850': #002C25, + 'green-900': #041F1A, + 'green-950': #041310, + 'blue1-050': #EAF2F9, + 'blue1-100': #D4E4F3, + 'blue1-150': #BFD7F0, + 'blue1-200': #AAC9EF, + 'blue1-250': #96BBF1, + 'blue1-300': #82ACF6, + 'blue1-350': #709BFE, + 'blue1-400': #608BFF, + 'blue1-450': #537BFB, + 'blue1-500': #476DEC, + 'blue1-550': #3C60DD, + 'blue1-600': #3252CF, + 'blue1-650': #2B48B9, + 'blue1-700': #28409B, + 'blue1-750': #24397E, + 'blue1-800': #223260, + 'blue1-850': #1F2A48, + 'blue1-900': #191F32, + 'blue1-950': #111320, + 'blue2-050': #E5F2F3, + 'blue2-100': #CDE6EC, + 'blue2-150': #B7D9EA, + 'blue2-200': #9BCDE7, + 'blue2-250': #84C1E0, + 'blue2-300': #6BB4D8, + 'blue2-350': #5CA6CB, + 'blue2-400': #4D99BC, + 'blue2-450': #3E8CAE, + 'blue2-500': #2F7FA2, + 'blue2-550': #1F7295, + 'blue2-600': #056688, + 'blue2-650': #00597B, + 'blue2-700': #004C6C, + 'blue2-750': #003F5E, + 'blue2-800': #003353, + 'blue2-850': #0C273E, + 'blue2-900': #0E1C2C, + 'blue2-950': #0A121C, + 'purple-050': #EDF1FA, + 'purple-100': #DCE2F5, + 'purple-150': #CCD4F1, + 'purple-200': #BCC4F0, + 'purple-250': #ADB6F2, + 'purple-300': #9EA6F6, + 'purple-350': #8E95FD, + 'purple-400': #8083FF, + 'purple-450': #7173FF, + 'purple-500': #6665F1, + 'purple-550': #5B57E2, + 'purple-600': #5049D4, + 'purple-650': #4641BC, + 'purple-700': #3D39A2, + 'purple-750': #363680, + 'purple-800': #2E3162, + 'purple-850': #242848, + 'purple-900': #1C1E32, + 'purple-950': #121320, + 'pink-050': #F8EFF4, + 'pink-100': #F0DEE9, + 'pink-150': #EBCDDF, + 'pink-200': #E7BDD6, + 'pink-250': #E5A9CC, + 'pink-300': #E695C0, + 'pink-350': #EA7CAE, + 'pink-400': #E4659F, + 'pink-450': #DD4F93, + 'pink-500': #CD4085, + 'pink-550': #BE3279, + 'pink-600': #AE216D, + 'pink-650': #9B195D, + 'pink-700': #86164E, + 'pink-750': #6E1B3D, + 'pink-800': #551E31, + 'pink-850': #3F1C24, + 'pink-900': #2D161A, + 'pink-950': #1C0E10, + 'black-000': #191B2200, + 'black-050': #191B220D, + 'black-100': #191B221A, + 'black-150': #191B2226, + 'black-200': #191B2233, + 'black-250': #191B2240, + 'black-300': #191B224D, + 'black-350': #191B2259, + 'black-400': #191B2266, + 'black-450': #191B2273, + 'black-500': #191B2280, + 'black-550': #191B228C, + 'black-600': #191B2299, + 'black-650': #191B22A6, + 'black-700': #191B22B2, + 'black-750': #191B22BF, + 'black-800': #191B22CC, + 'black-850': #191B22D9, + 'black-900': #191B22E5, + 'black-950': #0F1115F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'font': ( 'sizes': ( @@ -403,29 +3256,23 @@ $themes: ( ), 'weights': ( 'thin': 100, - 'light': 300, - 'regular': 400, - 'medium': 500, - 'bold': 600, 'extrabold': 800, 'black': 900 ), 'families': ( - 'base': Marianne, - 'accent': Marianne + 'accent': #{Marianne, Inter, Roboto Flex Variable, sans-serif}, + 'base': #{Marianne, Inter, Roboto Flex Variable, sans-serif} ) ), 'spacings': ( '0': 0, - 'l': 3rem, - 'b': 1.625rem, - 'm': 0.8125rem, - 's': 1rem, - 't': 0.5rem, - 'st': 0.25rem, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100%, '4xs': 0.125rem, - 'xxxs': 0.25rem, - 'xxs': 0.375rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xs': 0.5rem, 'sm': 0.75rem, 'base': 1rem, @@ -433,26 +3280,17 @@ $themes: ( 'lg': 2rem, 'xl': 2.5rem, 'xxl': 3rem, + '2xl': 3rem, 'xxxl': 3.5rem, + '3xl': 3.5rem, '4xl': 4rem, '5xl': 4.5rem, '6xl': 6rem, - '7xl': 7.5rem, - 'none': 0, - 'auto': auto, - 'bx': 2.2rem, - 'full': 100%, - '3xs': 0.25rem, - '2xs': 0.375rem + '7xl': 7.5rem ), 'breakpoints': ( - 'xs': 480px, - 'sm': 576px, - 'md': 768px, - 'lg': 992px, - 'xl': 1200px, - 'xxl': 1400px, 'xxs': 320px, + 'xs': 480px, 'mobile': 768px, 'tablet': 1024px ) @@ -462,121 +3300,121 @@ $themes: ( 'surface': ( 'primary': #FFFFFF, 'secondary': #FFFFFF, - 'tertiary': #F6F8F9 + 'tertiary': #F8F8FA ), 'semantic': ( - 'brand': ( - 'primary': #3E5DE7, - 'primary-hover': #2845C1, - 'secondary': #DAE2FF, - 'secondary-hover': #C8D3FF, - 'tertiary': #EDF0FF, - 'tertiary-hover': #DAE2FF - ), - 'neutral': ( - 'primary': #626A80, - 'primary-hover': #4A5267, - 'secondary': #DFE2EA, - 'secondary-hover': #CFD5DE, - 'tertiary': #EEF1F4, - 'tertiary-hover': #DFE2EA + 'overlay': ( + 'primary': #0000000D, + 'primary-hover': #0000001A ), 'contextual': ( 'primary': #0000000D, 'primary-hover': #0000001A ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #E0E0FF, + 'secondary-hover': #D0D0FF, + 'tertiary': #EFEFFF, + 'tertiary-hover': #E0E0FF + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #E2E2EA, + 'secondary-hover': #D3D4E0, + 'tertiary': #F0F0F3, + 'tertiary-hover': #E2E2EA + ), 'info': ( - 'primary': #2F6ABB, - 'primary-hover': #28528F, - 'secondary': #CFE5FF, - 'secondary-hover': #B7D7FF, - 'tertiary': #E7F2FF, - 'tertiary-hover': #CFE5FF + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #CEE5FD, + 'secondary-hover': #B5D8FC, + 'tertiary': #E7F2FE, + 'tertiary-hover': #CEE5FD ), 'success': ( - 'primary': #367664, - 'primary-hover': #2C5A50, - 'secondary': #BAEECF, - 'secondary-hover': #A5E2C0, - 'tertiary': #DEF7E6, - 'tertiary-hover': #BAEECF + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #D1E8DA, + 'secondary-hover': #BBDCC8, + 'tertiary': #E8F3EC, + 'tertiary-hover': #D1E8DA ), 'warning': ( - 'primary': #A75400, - 'primary-hover': #814112, - 'secondary': #FFDCBE, - 'secondary-hover': #FFCA9C, - 'tertiary': #FFEEDF, - 'tertiary-hover': #FFDCBE + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #F7DDCF, + 'secondary-hover': #F3CDB7, + 'tertiary': #FBEEE7, + 'tertiary-hover': #F7DDCF ), 'error': ( - 'primary': #CF202D, - 'primary-hover': #9D2227, - 'secondary': #FFDAD7, - 'secondary-hover': #FFC7C2, - 'tertiary': #FFEDEB, - 'tertiary-hover': #FFDAD7 + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #FEDAD9, + 'secondary-hover': #FDC7C6, + 'tertiary': #FEEDEC, + 'tertiary-hover': #FEDAD9 ), 'disabled': ( - 'primary': #DFE2EA, - 'secondary': #EEF1F4 + 'primary': #E2E2EA, + 'secondary': #F0F0F3 ) ), 'palette': ( 'brand': ( - 'primary': #4C6CEF, - 'secondary': #7E98FF, - 'tertiary': #C8D3FF + 'primary': #6969DF, + 'secondary': #9393FB, + 'tertiary': #D0D0FF ), 'red': ( - 'primary': #E32C39, - 'secondary': #FF706E, - 'tertiary': #FFC7C2 + 'primary': #E52835, + 'secondary': #EF7A82, + 'tertiary': #F8C9CC ), 'orange': ( - 'primary': #AE6257, - 'secondary': #D28C81, - 'tertiary': #F1CCC5 + 'primary': #B65F3A, + 'secondary': #E58459, + 'tertiary': #F4CCBA ), 'brown': ( - 'primary': #996D57, - 'secondary': #C3937B, - 'tertiary': #EACFC1 + 'primary': #8D725B, + 'secondary': #BB9679, + 'tertiary': #E2D1C5 ), 'yellow': ( - 'primary': #9B6F02, - 'secondary': #C49711, - 'tertiary': #F4D261 + 'primary': #92721F, + 'secondary': #C3992A, + 'tertiary': #E5D3A4 ), 'green': ( - 'primary': #5A8228, - 'secondary': #85AA45, - 'tertiary': #C5DE86 - ), - 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE + 'primary': #00894D, + 'secondary': #22B374, + 'tertiary': #A9E0C9 ), + 'blue-1': (), 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED + 'primary': #009099, + 'secondary': #44ACB3, + 'tertiary': #B2DCDE ), 'purple': ( - 'primary': #A04BE8, - 'secondary': #BE83FA, - 'tertiary': #E2CBFF + 'primary': #8F58A5, + 'secondary': #C18DBE, + 'tertiary': #E4CDE3 ), 'pink': ( - 'primary': #C24B8E, - 'secondary': #E779B8, - 'tertiary': #FCC4E3 + 'primary': #A66657, + 'secondary': #E18B76, + 'tertiary': #F1CCC3 ), 'gray': ( - 'primary': #6D778C, - 'secondary': #969EB0, - 'tertiary': #CFD5DE + 'primary': #75758A, + 'secondary': #9C9CB2, + 'tertiary': #D3D4E0 ) ), 'text': ( @@ -584,208 +3422,133 @@ $themes: ( ) ), 'content': ( - 'logo1': #377FDB, - 'logo2': #377FDB, + 'logo1': #4747A3, + 'logo2': #4747A3, 'semantic': ( + 'contextual': ( + 'primary': #FFFFFFF2 + ), + 'overlay': ( + 'primary': #FFFFFFF2 + ), 'brand': ( - 'primary': #223E9E, - 'secondary': #304DDF, - 'tertiary': #4C6CEF, - 'on-brand': #EDF0FF + 'primary': #3D3D8C, + 'secondary': #5151BB, + 'tertiary': #5C5CD3, + 'on-brand': #EFEFFF ), 'neutral': ( - 'primary': #222631, - 'secondary': #555E74, - 'tertiary': #6D778C, - 'on-neutral': #EEF1F4 - ), - 'contextual': ( - 'primary': #FFFFFFF2 + 'primary': #252435, + 'secondary': #5D5D70, + 'tertiary': #69697D, + 'on-neutral': #F0F0F3 ), 'info': ( - 'primary': #274775, - 'secondary': #265EAA, - 'tertiary': #3677CC, - 'on-info': #E7F2FF + 'primary': #114785, + 'secondary': #005CBB, + 'tertiary': #0068D2, + 'on-info': #E7F2FE ), 'success': ( - 'primary': #2A4D45, - 'secondary': #2B695A, - 'tertiary': #40836F, - 'on-success': #DEF7E6 + 'primary': #1C502D, + 'secondary': #186C38, + 'tertiary': #1B7A3F, + 'on-success': #E8F3EC ), 'warning': ( - 'primary': #6C3A19, - 'secondary': #984800, - 'tertiary': #B85F03, - 'on-warning': #FFEEDF + 'primary': #783211, + 'secondary': #A63C00, + 'tertiary': #BB4300, + 'on-warning': #FBEEE7 ), 'error': ( - 'primary': #812727, - 'secondary': #BD0F23, - 'tertiary': #E32C39, - 'on-error': #FFEDEB + 'primary': #8B1B11, + 'secondary': #BF0500, + 'tertiary': #D70600, + 'on-error': #FEEDEC ), 'disabled': ( - 'primary': #A4ABBC, + 'primary': #A9A9BF, 'secondary': #FFFFFF80 ) ), 'palette': ( 'brand': ( - 'primary': #4C6CEF, - 'secondary': #7E98FF, - 'tertiary': #C8D3FF + 'primary': #6969DF ), 'red': ( - 'primary': #E32C39, - 'secondary': #FF706E, - 'tertiary': #FFC7C2 + 'primary': #E52835 ), 'orange': ( - 'primary': #AE6257, - 'secondary': #D28C81, - 'tertiary': #F1CCC5 + 'primary': #B65F3A ), 'brown': ( - 'primary': #996D57, - 'secondary': #C3937B, - 'tertiary': #EACFC1 + 'primary': #8D725B ), 'yellow': ( - 'primary': #9B6F02, - 'secondary': #C49711, - 'tertiary': #F4D261 + 'primary': #92721F ), 'green': ( - 'primary': #5A8228, - 'secondary': #85AA45, - 'tertiary': #C5DE86 - ), - 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE + 'primary': #00894D ), + 'blue-1': (), 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED + 'primary': #009099 ), 'purple': ( - 'primary': #A04BE8, - 'secondary': #BE83FA, - 'tertiary': #E2CBFF + 'primary': #8F58A5 ), 'pink': ( - 'primary': #C24B8E, - 'secondary': #E779B8, - 'tertiary': #FCC4E3 + 'primary': #A66657 ), 'gray': ( - 'primary': #6D778C, - 'secondary': #969EB0, - 'tertiary': #CFD5DE + 'primary': #75758A ) ) ), 'border': ( 'surface': ( - 'primary': #DFE2EA + 'primary': #E2E2EA ), 'semantic': ( - 'brand': ( - 'primary': #3E5DE7, - 'secondary': #90A7FF, - 'tertiary': #C8D3FF - ), 'contextual': ( 'primary': #FFFFFF33 ), + 'overlay': ( + 'primary': #FFFFFF33 + ), + 'brand': ( + 'primary': #5C5CD3, + 'secondary': #A2A2FF, + 'tertiary': #D0D0FF + ), 'neutral': ( - 'primary': #626A80, - 'secondary': #A4ABBC, - 'tertiary': #CFD5DE + 'primary': #69697D, + 'secondary': #A9A9BF, + 'tertiary': #D3D4E0 ), 'info': ( - 'primary': #2F6ABB, - 'secondary': #77AEF4, - 'tertiary': #B7D7FF + 'primary': #0068D2, + 'secondary': #69B0F8, + 'tertiary': #B5D8FC ), 'success': ( - 'primary': #367664, - 'secondary': #74B99B, - 'tertiary': #A5E2C0 + 'primary': #1B7A3F, + 'secondary': #76B990, + 'tertiary': #BBDCC8 ), 'warning': ( - 'primary': #A75400, - 'secondary': #F59425, - 'tertiary': #FFCA9C + 'primary': #BB4300, + 'secondary': #E7986C, + 'tertiary': #F3CDB7 ), 'error': ( - 'primary': #CF202D, - 'secondary': #FF8984, - 'tertiary': #FFC7C2 + 'primary': #D70600, + 'secondary': #FB8B88, + 'tertiary': #FDC7C6 ), 'disabled': ( - 'primary': #DFE2EA - ) - ), - 'palette': ( - 'brand': ( - 'primary': #4C6CEF, - 'secondary': #7E98FF, - 'tertiary': #C8D3FF - ), - 'red': ( - 'primary': #E32C39, - 'secondary': #FF706E, - 'tertiary': #FFC7C2 - ), - 'orange': ( - 'primary': #AE6257, - 'secondary': #D28C81, - 'tertiary': #F1CCC5 - ), - 'brown': ( - 'primary': #996D57, - 'secondary': #C3937B, - 'tertiary': #EACFC1 - ), - 'yellow': ( - 'primary': #9B6F02, - 'secondary': #C49711, - 'tertiary': #F4D261 - ), - 'green': ( - 'primary': #5A8228, - 'secondary': #85AA45, - 'tertiary': #C5DE86 - ), - 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE - ), - 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED - ), - 'purple': ( - 'primary': #A04BE8, - 'secondary': #BE83FA, - 'tertiary': #E2CBFF - ), - 'pink': ( - 'primary': #C24B8E, - 'secondary': #E779B8, - 'tertiary': #FCC4E3 - ), - 'gray': ( - 'primary': #6D778C, - 'secondary': #969EB0, - 'tertiary': #CFD5DE + 'primary': #E2E2EA ) ) ) @@ -795,7 +3558,8 @@ $themes: ( 'width-small': 342px ), 'tooltip': ( - 'padding': 4px 8px + 'padding': 4px 8px, + 'background-color': #F0F0F3 ), 'button': ( 'medium-height': 40px, @@ -805,10 +3569,10 @@ $themes: ( 'border-radius--focus': 4px ), 'datagrid': ( - 'header--color': #222631, + 'header--color': #252435, 'header--size': 12px, 'header--weight': 500, - 'body--background-color-hover': #EEF1F4 + 'body--background-color-hover': #F0F0F3 ), 'forms-checkbox': ( 'font-size': 0.875rem @@ -819,373 +3583,368 @@ $themes: ( 'padding-inline': 0.5rem, 'padding-block': 0.375rem, 'accent': ( - 'background-color': #DAE2FF, - 'color': #304DDF + 'background-color': #E0E0FF, + 'color': #5151BB ), 'neutral': ( - 'background-color': #DFE2EA, - 'color': #555E74 + 'background-color': #E2E2EA, + 'color': #5D5D70 ), 'danger': ( - 'background-color': #FFDAD7, - 'color': #BD0F23 + 'background-color': #FEDAD9, + 'color': #BF0500 ), 'success': ( - 'background-color': #BAEECF, - 'color': #2B695A + 'background-color': #D1E8DA, + 'color': #186C38 ), 'warning': ( - 'background-color': #FFDCBE, - 'color': #984800 + 'background-color': #F7DDCF, + 'color': #A63C00 ), 'info': ( - 'background-color': #CFE5FF, - 'color': #265EAA + 'background-color': #CEE5FD, + 'color': #005CBB ) ) ) ), - 'dark': ( + 'anct-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, + 'logo-1': #2845C1, + 'logo-2': #FBC63A, + 'logo-1-dark': #94A3E5, + 'logo-2-dark': #EFD183, + 'brand-050': #EEF0F9, + 'brand-100': #DDE2F5, + 'brand-150': #CBD4F1, + 'brand-200': #B8C6F0, + 'brand-250': #A5B7F2, + 'brand-300': #91A8F7, + 'brand-350': #7C98FE, + 'brand-400': #6A89FF, + 'brand-450': #5A7AFB, + 'brand-500': #4B6BF0, + 'brand-550': #3E5CE7, + 'brand-600': #3352D5, + 'brand-650': #2A47C0, + 'brand-700': #2340A3, + 'brand-750': #223A7F, + 'brand-800': #1F325F, + 'brand-850': #1B2845, + 'brand-900': #151E30, + 'brand-950': #0D121D, '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-025': #F6F8FA, + 'gray-050': #ECF1F7, + 'gray-100': #DDE3F3, + 'gray-150': #CCD4EA, + 'gray-200': #BCC7E0, + 'gray-250': #AEB9D2, + 'gray-300': #A1ABC4, + 'gray-350': #949EB6, + 'gray-400': #8791A9, + 'gray-450': #7A849B, + 'gray-500': #6D778E, + 'gray-550': #616A81, + 'gray-600': #555E75, + 'gray-650': #495268, + 'gray-700': #3E475C, + 'gray-750': #333B50, + 'gray-800': #283044, + 'gray-850': #1E2539, + 'gray-900': #171B28, + 'gray-950': #0F1118, '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 + 'info-050': #E9F2F8, + 'info-100': #D2E5F1, + 'info-150': #C0D7F0, + 'info-200': #AEC8F0, + 'info-250': #9EB9F2, + 'info-300': #8DABEE, + 'info-350': #7B9DE9, + 'info-400': #6E8FDB, + 'info-450': #6282CD, + 'info-500': #5575BF, + 'info-550': #4968B1, + 'info-600': #3E5CA3, + 'info-650': #344F97, + 'info-700': #294389, + 'info-750': #243972, + 'info-800': #1D2F5B, + 'info-850': #1A2744, + 'info-900': #151D2F, + 'info-950': #0E131F, + 'success-050': #E7F1E9, + 'success-100': #CFE3D3, + 'success-150': #B9D8C0, + 'success-200': #A1CEAC, + 'success-250': #85C496, + 'success-300': #63BC7F, + 'success-350': #45B16B, + 'success-400': #1CA659, + 'success-450': #00984C, + 'success-500': #008A3F, + 'success-550': #007C32, + 'success-600': #006E24, + 'success-650': #016016, + 'success-700': #005305, + 'success-750': #0D450A, + 'success-800': #11380E, + 'success-850': #132A11, + 'success-900': #101E0F, + 'success-950': #091209, + 'warning-050': #F6F0E8, + 'warning-100': #EDE2D1, + 'warning-150': #E6D3B8, + 'warning-200': #E3C39F, + 'warning-250': #E3B082, + 'warning-300': #E19E5C, + 'warning-350': #D98E3F, + 'warning-400': #CF7D19, + 'warning-450': #C17000, + 'warning-500': #B36300, + 'warning-550': #A45600, + 'warning-600': #964900, + 'warning-650': #893C00, + 'warning-700': #7B2F00, + 'warning-750': #68270D, + 'warning-800': #562013, + 'warning-850': #411D18, + 'warning-900': #2E1714, + 'warning-950': #1D0F0D, + 'error-050': #F9EFEC, + 'error-100': #F4DFD9, + 'error-150': #F0CEC6, + 'error-200': #EEBCB2, + 'error-250': #EEA99D, + 'error-300': #EF9487, + 'error-350': #F37C6E, + 'error-400': #F65F53, + 'error-450': #EF443C, + 'error-500': #E0342E, + 'error-550': #D0201F, + 'error-600': #C0000C, + 'error-650': #AA0000, + 'error-700': #910C06, + 'error-750': #731E16, + 'error-800': #58201A, + 'error-850': #411D18, + 'error-900': #2E1714, + 'error-950': #1D0F0D, + 'red-050': #F9EFEC, + 'red-100': #F4DEDA, + 'red-150': #F0CDC9, + 'red-200': #EEBBB6, + 'red-250': #EEA8A2, + 'red-300': #F0938D, + 'red-350': #EC7E78, + 'red-400': #E46D67, + 'red-450': #D95B58, + 'red-500': #CA4E4B, + 'red-550': #BB403F, + 'red-600': #AC3233, + 'red-650': #9D2227, + 'red-700': #882023, + 'red-750': #721D1B, + 'red-800': #58201A, + 'red-850': #401D18, + 'red-900': #2E1714, + 'red-950': #1D0F0D, + 'orange-050': #F8F0E9, + 'orange-100': #F1E0D3, + 'orange-150': #ECD0BD, + 'orange-200': #E9C0A5, + 'orange-250': #E8AE8A, + 'orange-300': #EB9870, + 'orange-350': #EB845A, + 'orange-400': #E66E37, + 'orange-450': #DD5B16, + 'orange-500': #CE4D00, + 'orange-550': #BF3E00, + 'orange-600': #B02F00, + 'orange-650': #A11E00, + 'orange-700': #8A1E14, + 'orange-750': #731E16, + 'orange-800': #58201A, + 'orange-850': #401D18, + 'orange-900': #2E1714, + 'orange-950': #1D0F0D, + 'brown-050': #F5F0E8, + 'brown-100': #ECE2D1, + 'brown-150': #E9D1B9, + 'brown-200': #E3C19D, + 'brown-250': #DCB187, + 'brown-300': #D2A26F, + 'brown-350': #C49562, + 'brown-400': #B68855, + 'brown-450': #A97B48, + 'brown-500': #9B6E3B, + 'brown-550': #8E612F, + 'brown-600': #815521, + 'brown-650': #744913, + 'brown-700': #673D00, + 'brown-750': #5A3100, + 'brown-800': #4E2600, + 'brown-850': #3D1F0B, + 'brown-900': #2C170F, + 'brown-950': #1C0F0B, + 'yellow-050': #F3F0E7, + 'yellow-100': #E9E2CF, + 'yellow-150': #E0D4B7, + 'yellow-200': #DAC59A, + 'yellow-250': #D5B67A, + 'yellow-300': #D0A559, + 'yellow-350': #CC9331, + 'yellow-400': #C48400, + 'yellow-450': #B77600, + 'yellow-500': #AA6800, + 'yellow-550': #9D5A00, + 'yellow-600': #914D00, + 'yellow-650': #843F00, + 'yellow-700': #773200, + 'yellow-750': #6A2601, + 'yellow-800': #56210F, + 'yellow-850': #401D16, + 'yellow-900': #2E1714, + 'yellow-950': #1D0F0D, + 'green-050': #E3F1EF, + 'green-100': #CAE5E1, + 'green-150': #B0DBD4, + 'green-200': #91D1C7, + 'green-250': #6AC8BC, + 'green-300': #4DBCAF, + 'green-350': #3CAFA2, + 'green-400': #2AA194, + 'green-450': #109487, + 'green-500': #00867A, + 'green-550': #00786D, + 'green-600': #016A60, + 'green-650': #015D53, + 'green-700': #005047, + 'green-750': #00443B, + 'green-800': #00382F, + 'green-850': #002C25, + 'green-900': #041F1A, + 'green-950': #041310, + 'blue1-050': #EAF2F9, + 'blue1-100': #D4E4F3, + 'blue1-150': #BFD7F0, + 'blue1-200': #AAC9EF, + 'blue1-250': #96BBF1, + 'blue1-300': #82ACF6, + 'blue1-350': #709BFE, + 'blue1-400': #608BFF, + 'blue1-450': #537BFB, + 'blue1-500': #476DEC, + 'blue1-550': #3C60DD, + 'blue1-600': #3252CF, + 'blue1-650': #2B48B9, + 'blue1-700': #28409B, + 'blue1-750': #24397E, + 'blue1-800': #223260, + 'blue1-850': #1F2A48, + 'blue1-900': #191F32, + 'blue1-950': #111320, + 'blue2-050': #E5F2F3, + 'blue2-100': #CDE6EC, + 'blue2-150': #B7D9EA, + 'blue2-200': #9BCDE7, + 'blue2-250': #84C1E0, + 'blue2-300': #6BB4D8, + 'blue2-350': #5CA6CB, + 'blue2-400': #4D99BC, + 'blue2-450': #3E8CAE, + 'blue2-500': #2F7FA2, + 'blue2-550': #1F7295, + 'blue2-600': #056688, + 'blue2-650': #00597B, + 'blue2-700': #004C6C, + 'blue2-750': #003F5E, + 'blue2-800': #003353, + 'blue2-850': #0C273E, + 'blue2-900': #0E1C2C, + 'blue2-950': #0A121C, + 'purple-050': #EDF1FA, + 'purple-100': #DCE2F5, + 'purple-150': #CCD4F1, + 'purple-200': #BCC4F0, + 'purple-250': #ADB6F2, + 'purple-300': #9EA6F6, + 'purple-350': #8E95FD, + 'purple-400': #8083FF, + 'purple-450': #7173FF, + 'purple-500': #6665F1, + 'purple-550': #5B57E2, + 'purple-600': #5049D4, + 'purple-650': #4641BC, + 'purple-700': #3D39A2, + 'purple-750': #363680, + 'purple-800': #2E3162, + 'purple-850': #242848, + 'purple-900': #1C1E32, + 'purple-950': #121320, + 'pink-050': #F8EFF4, + 'pink-100': #F0DEE9, + 'pink-150': #EBCDDF, + 'pink-200': #E7BDD6, + 'pink-250': #E5A9CC, + 'pink-300': #E695C0, + 'pink-350': #EA7CAE, + 'pink-400': #E4659F, + 'pink-450': #DD4F93, + 'pink-500': #CD4085, + 'pink-550': #BE3279, + 'pink-600': #AE216D, + 'pink-650': #9B195D, + 'pink-700': #86164E, + 'pink-750': #6E1B3D, + 'pink-800': #551E31, + 'pink-850': #3F1C24, + 'pink-900': #2D161A, + 'pink-950': #1C0E10, + 'black-000': #191B2200, + 'black-050': #191B220D, + 'black-100': #191B221A, + 'black-150': #191B2226, + 'black-200': #191B2233, + 'black-250': #191B2240, + 'black-300': #191B224D, + 'black-350': #191B2259, + 'black-400': #191B2266, + 'black-450': #191B2273, + 'black-500': #191B2280, + 'black-550': #191B228C, + 'black-600': #191B2299, + 'black-650': #191B22A6, + 'black-700': #191B22B2, + 'black-750': #191B22BF, + 'black-800': #191B22CC, + 'black-850': #191B22D9, + 'black-900': #191B22E5, + 'black-950': #0F1115F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'font': ( 'sizes': ( @@ -1210,29 +3969,24 @@ $themes: ( 'xs-alt': 3rem ), 'weights': ( - 'thin': 200, - 'light': 300, - 'regular': 400, - 'medium': 500, - 'bold': 600, - 'extrabold': 700, - 'black': 800 + 'thin': 100, + 'extrabold': 800, + 'black': 900 ), 'families': ( - 'base': #{\Roboto Flex Variable\, sans-serif}, - 'accent': #{\Roboto Flex Variable\, sans-serif} + 'accent': #{Marianne, Inter, Roboto Flex Variable, sans-serif}, + 'base': #{Marianne, Inter, Roboto Flex Variable, sans-serif} ) ), 'spacings': ( - 'l': 3rem, - 'b': 1.625rem, - 'm': 0.8125rem, - 's': 1rem, - 't': 0.5rem, - 'st': 0.25rem, + '0': 0, + 'none': 0, + 'auto': auto, + 'bx': 2.2rem, + 'full': 100%, '4xs': 0.125rem, - 'xxxs': 0.25rem, - 'xxs': 0.375rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xs': 0.5rem, 'sm': 0.75rem, 'base': 1rem, @@ -1240,348 +3994,328 @@ $themes: ( 'lg': 2rem, 'xl': 2.5rem, 'xxl': 3rem, + '2xl': 3rem, 'xxxl': 3.5rem, + '3xl': 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 + 'xxs': 320px, + 'xs': 480px, + 'mobile': 768px, + 'tablet': 1024px ) ), 'contextuals': ( 'background': ( 'surface': ( - 'primary': #2B303D, - 'secondary': #222631, - 'tertiary': #181B24 + 'primary': #2F2F40, + 'secondary': #252435, + 'tertiary': #1A1A2A ), 'semantic': ( - 'brand': ( - 'primary': #3E5DE7, - 'primary-hover': #2845C1, - 'secondary': #223E9E, - 'secondary-hover': #1F367D, - 'tertiary': #1F367D, - 'tertiary-hover': #1B2E5F - ), - 'neutral': ( - 'primary': #626A80, - 'primary-hover': #4A5267, - 'secondary': #3F4759, - 'secondary-hover': #363B4C, - 'tertiary': #363B4C, - 'tertiary-hover': #2B303D - ), 'contextual': ( 'primary': #FFFFFF0D, 'primary-hover': #FFFFFF1A ), + 'overlay': ( + 'primary': #FFFFFF0D, + 'primary-hover': #FFFFFF1A + ), + 'brand': ( + 'primary': #5C5CD3, + 'primary-hover': #4747A3, + 'secondary': #3D3D8C, + 'secondary-hover': #34356E, + 'tertiary': #34356E, + 'tertiary-hover': #2C2D54 + ), + 'neutral': ( + 'primary': #69697D, + 'primary-hover': #515164, + 'secondary': #454558, + 'secondary-hover': #3A3A4C, + 'tertiary': #3A3A4C, + 'tertiary-hover': #2F2F40 + ), 'info': ( - 'primary': #2F6ABB, - 'primary-hover': #28528F, - 'secondary': #274775, - 'secondary-hover': #243C5E, - 'tertiary': #243C5E, - 'tertiary-hover': #20314A + 'primary': #0068D2, + 'primary-hover': #0051A3, + 'secondary': #114785, + 'secondary-hover': #173D6A, + 'tertiary': #173D6A, + 'tertiary-hover': #183251 ), 'success': ( - 'primary': #367664, - 'primary-hover': #2C5A50, - 'secondary': #2A4D45, - 'secondary-hover': #26403C, - 'tertiary': #26403C, - 'tertiary-hover': #213430 + 'primary': #1B7A3F, + 'primary-hover': #155F31, + 'secondary': #1C502D, + 'secondary-hover': #1E4229, + 'tertiary': #1E4229, + 'tertiary-hover': #1C3524 ), 'warning': ( - 'primary': #A75400, - 'primary-hover': #814112, - 'secondary': #6C3A19, - 'secondary-hover': #58321C, - 'tertiary': #58321C, - 'tertiary-hover': #452A1A + 'primary': #BB4300, + 'primary-hover': #913400, + 'secondary': #783211, + 'secondary-hover': #602E17, + 'tertiary': #602E17, + 'tertiary-hover': #4C2818 ), 'error': ( - 'primary': #CF202D, - 'primary-hover': #9D2227, - 'secondary': #812727, - 'secondary-hover': #672624, - 'tertiary': #672624, - 'tertiary-hover': #512220 + 'primary': #D70600, + 'primary-hover': #A90500, + 'secondary': #8B1B11, + 'secondary-hover': #712017, + 'tertiary': #712017, + 'tertiary-hover': #582018 ), 'disabled': ( - 'primary': #363B4C, - 'secondary': #2B303D + 'primary': #3A3A4C, + 'secondary': #2F2F40 ) ), 'palette': ( 'brand': ( - 'primary': #7E98FF, - 'secondary': #5C7AF7, - 'tertiary': #3E5DE7 + 'primary': #9393FB, + 'secondary': #7575F2, + 'tertiary': #5C5CD3 ), 'red': ( - 'primary': #FF706E, - 'secondary': #F63A45, - 'tertiary': #CF202D + 'primary': #EF7A82, + 'secondary': #E94A55, + 'tertiary': #E1000F ), 'orange': ( - 'primary': #D28C81, - 'secondary': #BE6E62, - 'tertiary': #9E564D + 'primary': #E58459, + 'secondary': #C86A40, + 'tertiary': #A25533 ), 'brown': ( - 'primary': #C3937B, - 'secondary': #A77A62, - 'tertiary': #8B614D + 'primary': #BB9679, + 'secondary': #9C7D64, + 'tertiary': #7E6551 ), 'yellow': ( - 'primary': #C49711, - 'secondary': #A87D07, - 'tertiary': #8D6300 + 'primary': #C3992A, + 'secondary': #A27E21, + 'tertiary': #83661B ), 'green': ( - 'primary': #85AA45, - 'secondary': #688F30, - 'tertiary': #4D7621 - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #22B374, + 'secondary': #009755, + 'tertiary': #007A44 ), + 'blue-1': (), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #44ACB3, + 'secondary': #05929B, + 'tertiary': #00767C ), 'purple': ( - 'primary': #BE83FA, - 'secondary': #AB5EF0, - 'tertiary': #933CDB + 'primary': #C18DBE, + 'secondary': #B06CAB, + 'tertiary': #975093 ), 'pink': ( - 'primary': #E779B8, - 'secondary': #D2579E, - 'tertiary': #B0417F + 'primary': #E18B76, + 'secondary': #B86088, + 'tertiary': #955B4D ), 'gray': ( - 'primary': #969EB0, - 'secondary': #7B8498, - 'tertiary': #626A80 + 'primary': #9C9CB2, + 'secondary': #828297, + 'tertiary': #69697D ) ) ), 'content': ( - 'logo1': #95ABFF, - 'logo2': #95ABFF, + 'logo1': #C5C5F0, + 'logo2': #C1C1FF, 'semantic': ( + 'contextual': ( + 'primary': #000000D9 + ), + 'overlay': ( + 'primary': #000000D9 + ), 'brand': ( - 'primary': #EDF0FF, - 'secondary': #DAE2FF, - 'tertiary': #A2B6FF, - 'on-brand': #EDF0FF + 'primary': #EFEFFF, + 'secondary': #E0E0FF, + 'tertiary': #B2B2FF, + 'on-brand': #EFEFFF ), 'neutral': ( - 'primary': #EEF1F4, - 'secondary': #DFE2EA, - 'tertiary': #B2B9C7, - 'on-neutral': #EEF1F4 - ), - 'contextual': ( - 'primary': #000000D9 + 'primary': #F0F0F3, + 'secondary': #E2E2EA, + 'tertiary': #B7B7CB, + 'on-neutral': #F0F0F3 ), 'info': ( - 'primary': #E7F2FF, - 'secondary': #CFE5FF, - 'tertiary': #8CBCF9, - 'on-info': #E7F2FF + 'primary': #E7F2FE, + 'secondary': #CEE5FD, + 'tertiary': #83BDF9, + 'on-info': #E7F2FE ), 'success': ( - 'primary': #DEF7E6, - 'secondary': #BAEECF, - 'tertiary': #85C6A7, - 'on-success': #DEF7E6 + 'primary': #E8F3EC, + 'secondary': #D1E8DA, + 'tertiary': #8DC5A3, + 'on-success': #E8F3EC ), 'warning': ( - 'primary': #FFEEDF, - 'secondary': #FFDCBE, - 'tertiary': #FDA54F, - 'on-warning': #FFEEDF + 'primary': #FBEEE7, + 'secondary': #F7DDCF, + 'tertiary': #EBAA86, + 'on-warning': #FBEEE7 ), 'error': ( - 'primary': #FFEDEB, - 'secondary': #FFDAD7, - 'tertiary': #FF9F99, - 'on-error': #FFEDEB + 'primary': #FEEDEC, + 'secondary': #FEDAD9, + 'tertiary': #FCA09E, + 'on-error': #FEEDEC ), 'disabled': ( - 'primary': #555E74, + 'primary': #5D5D70, 'secondary': #0000004D ) ), 'palette': ( 'brand': ( - 'primary': #7E98FF, - 'secondary': #5C7AF7, - 'tertiary': #3E5DE7 + 'primary': #6969DF ), 'red': ( - 'primary': #FF706E, - 'secondary': #F63A45, - 'tertiary': #CF202D + 'primary': #E52835 ), 'orange': ( - 'primary': #D28C81, - 'secondary': #BE6E62, - 'tertiary': #9E564D + 'primary': #B65F3A ), 'brown': ( - 'primary': #C3937B, - 'secondary': #A77A62, - 'tertiary': #8B614D + 'primary': #8D725B ), 'yellow': ( - 'primary': #C49711, - 'secondary': #A87D07, - 'tertiary': #8D6300 + 'primary': #92721F ), 'green': ( - 'primary': #85AA45, - 'secondary': #688F30, - 'tertiary': #4D7621 - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #00894D ), + 'blue-1': (), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #009099 ), 'purple': ( - 'primary': #BE83FA, - 'secondary': #AB5EF0, - 'tertiary': #933CDB + 'primary': #8F58A5 ), 'pink': ( - 'primary': #E779B8, - 'secondary': #D2579E, - 'tertiary': #B0417F + 'primary': #A66657 ), 'gray': ( - 'primary': #969EB0, - 'secondary': #7B8498, - 'tertiary': #626A80 + 'primary': #75758A ) ) ), 'border': ( 'surface': ( - 'primary': #363B4C + 'primary': #3A3A4C ), 'semantic': ( - 'brand': ( - 'primary': #5C7AF7, - 'secondary': #304DDF, - 'tertiary': #223E9E - ), 'contextual': ( 'primary': #00000033 ), + 'overlay': ( + 'primary': #00000033 + ), + 'brand': ( + 'primary': #7575F2, + 'secondary': #5151BB, + 'tertiary': #3D3D8C + ), 'neutral': ( - 'primary': #7B8498, - 'secondary': #555E74, - 'tertiary': #3F4759 + 'primary': #828297, + 'secondary': #5D5D70, + 'tertiary': #454558 ), 'info': ( - 'primary': #4185DC, - 'secondary': #265EAA, - 'tertiary': #274775 + 'primary': #1583F4, + 'secondary': #005CBB, + 'tertiary': #114785 ), 'success': ( - 'primary': #4B9079, - 'secondary': #2B695A, - 'tertiary': #2A4D45 + 'primary': #309556, + 'secondary': #186C38, + 'tertiary': #1C502D ), 'warning': ( - 'primary': #C86C08, - 'secondary': #984800, - 'tertiary': #6C3A19 + 'primary': #DA5E18, + 'secondary': #A63C00, + 'tertiary': #783211 ), 'error': ( - 'primary': #F63A45, - 'secondary': #BD0F23, - 'tertiary': #812727 + 'primary': #F83832, + 'secondary': #BF0500, + 'tertiary': #8B1B11 ), 'disabled': ( - 'primary': #2B303D + 'primary': #2F2F40 ) + ) + ) + ), + 'components': ( + 'modal': ( + 'width-small': 342px + ), + 'tooltip': ( + 'padding': 4px 8px, + 'background-color': #F0F0F3 + ), + 'button': ( + 'medium-height': 40px, + 'medium-text-height': 40px, + 'border-radius': 4px, + 'border-radius--active': 4px, + 'border-radius--focus': 4px + ), + 'datagrid': ( + 'header--color': #252435, + 'header--size': 12px, + 'header--weight': 500, + 'body--background-color-hover': #F0F0F3 + ), + 'forms-checkbox': ( + 'font-size': 0.875rem + ), + 'badge': ( + 'font-size': 0.75rem, + 'border-radius': 12px, + 'padding-inline': 0.5rem, + 'padding-block': 0.375rem, + 'accent': ( + 'background-color': #E0E0FF, + 'color': #5151BB ), - 'palette': ( - 'brand': ( - 'primary': #7E98FF, - 'secondary': #5C7AF7, - 'tertiary': #3E5DE7 - ), - 'red': ( - 'primary': #FF706E, - 'secondary': #F63A45, - 'tertiary': #CF202D - ), - 'orange': ( - 'primary': #D28C81, - 'secondary': #BE6E62, - 'tertiary': #9E564D - ), - 'brown': ( - 'primary': #C3937B, - 'secondary': #A77A62, - 'tertiary': #8B614D - ), - 'yellow': ( - 'primary': #C49711, - 'secondary': #A87D07, - 'tertiary': #8D6300 - ), - 'green': ( - 'primary': #85AA45, - 'secondary': #688F30, - 'tertiary': #4D7621 - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC - ), - 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 - ), - 'purple': ( - 'primary': #BE83FA, - 'secondary': #AB5EF0, - 'tertiary': #933CDB - ), - 'pink': ( - 'primary': #E779B8, - 'secondary': #D2579E, - 'tertiary': #B0417F - ), - 'gray': ( - 'primary': #969EB0, - 'secondary': #7B8498, - 'tertiary': #626A80 - ) + 'neutral': ( + 'background-color': #E2E2EA, + 'color': #5D5D70 + ), + 'danger': ( + 'background-color': #FEDAD9, + 'color': #BF0500 + ), + 'success': ( + 'background-color': #D1E8DA, + 'color': #186C38 + ), + 'warning': ( + 'background-color': #F7DDCF, + 'color': #A63C00 + ), + 'info': ( + 'background-color': #CEE5FD, + 'color': #005CBB ) ) ) diff --git a/src/cunningham-tokens.css b/src/cunningham-tokens.css index 718768b..95c8e3f 100644 --- a/src/cunningham-tokens.css +++ b/src/cunningham-tokens.css @@ -1,8 +1,1717 @@ :root { - --c--globals--colors--logo-1: #377FDB; - --c--globals--colors--logo-2: #377FDB; + --c--globals--colors--logo-1: #4747A3; + --c--globals--colors--logo-2: #4747A3; + --c--globals--colors--logo-1-dark: #C5C5F0; + --c--globals--colors--logo-2-dark: #C1C1FF; + --c--globals--colors--brand-050: #EFEFFF; + --c--globals--colors--brand-100: #E0E0FF; + --c--globals--colors--brand-150: #D0D0FF; + --c--globals--colors--brand-200: #C1C1FF; + --c--globals--colors--brand-250: #B2B2FF; + --c--globals--colors--brand-300: #A2A2FF; + --c--globals--colors--brand-350: #9393FB; + --c--globals--colors--brand-400: #8484F7; + --c--globals--colors--brand-450: #7575F2; + --c--globals--colors--brand-500: #6969DF; + --c--globals--colors--brand-550: #5C5CD3; + --c--globals--colors--brand-600: #5151BB; + --c--globals--colors--brand-650: #4747A3; + --c--globals--colors--brand-700: #3D3D8C; + --c--globals--colors--brand-750: #34356E; + --c--globals--colors--brand-800: #2C2D54; + --c--globals--colors--brand-850: #23253C; + --c--globals--colors--brand-900: #1A1B28; + --c--globals--colors--brand-950: #111117; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F8F8FA; + --c--globals--colors--gray-050: #F0F0F3; + --c--globals--colors--gray-100: #E2E2EA; + --c--globals--colors--gray-150: #D3D4E0; + --c--globals--colors--gray-200: #C5C6D5; + --c--globals--colors--gray-250: #B7B7CB; + --c--globals--colors--gray-300: #A9A9BF; + --c--globals--colors--gray-350: #9C9CB2; + --c--globals--colors--gray-400: #8F8FA4; + --c--globals--colors--gray-450: #828297; + --c--globals--colors--gray-500: #75758A; + --c--globals--colors--gray-550: #69697D; + --c--globals--colors--gray-600: #5D5D70; + --c--globals--colors--gray-650: #515164; + --c--globals--colors--gray-700: #454558; + --c--globals--colors--gray-750: #3A3A4C; + --c--globals--colors--gray-800: #2F2F40; + --c--globals--colors--gray-850: #252435; + --c--globals--colors--gray-900: #1A1A2A; + --c--globals--colors--gray-950: #101019; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #E7F2FE; + --c--globals--colors--info-100: #CEE5FD; + --c--globals--colors--info-150: #B5D8FC; + --c--globals--colors--info-200: #9CCBFA; + --c--globals--colors--info-250: #83BDF9; + --c--globals--colors--info-300: #69B0F8; + --c--globals--colors--info-350: #4FA2F7; + --c--globals--colors--info-400: #3393F5; + --c--globals--colors--info-450: #1583F4; + --c--globals--colors--info-500: #0074EB; + --c--globals--colors--info-550: #0068D2; + --c--globals--colors--info-600: #005CBB; + --c--globals--colors--info-650: #0051A3; + --c--globals--colors--info-700: #114785; + --c--globals--colors--info-750: #173D6A; + --c--globals--colors--info-800: #183251; + --c--globals--colors--info-850: #16273B; + --c--globals--colors--info-900: #121D28; + --c--globals--colors--info-950: #0C1217; + --c--globals--colors--success-050: #E8F3EC; + --c--globals--colors--success-100: #D1E8DA; + --c--globals--colors--success-150: #BBDCC8; + --c--globals--colors--success-200: #A4D0B4; + --c--globals--colors--success-250: #8DC5A3; + --c--globals--colors--success-300: #76B990; + --c--globals--colors--success-350: #5FAE7D; + --c--globals--colors--success-400: #48A26A; + --c--globals--colors--success-450: #309556; + --c--globals--colors--success-500: #1E8847; + --c--globals--colors--success-550: #1B7A3F; + --c--globals--colors--success-600: #186C38; + --c--globals--colors--success-650: #155F31; + --c--globals--colors--success-700: #1C502D; + --c--globals--colors--success-750: #1E4229; + --c--globals--colors--success-800: #1C3524; + --c--globals--colors--success-850: #19291E; + --c--globals--colors--success-900: #141D17; + --c--globals--colors--success-950: #0D110E; + --c--globals--colors--warning-050: #FBEEE7; + --c--globals--colors--warning-100: #F7DDCF; + --c--globals--colors--warning-150: #F3CDB7; + --c--globals--colors--warning-200: #EFBC9E; + --c--globals--colors--warning-250: #EBAA86; + --c--globals--colors--warning-300: #E7986C; + --c--globals--colors--warning-350: #E38652; + --c--globals--colors--warning-400: #DF7336; + --c--globals--colors--warning-450: #DA5E18; + --c--globals--colors--warning-500: #D04B00; + --c--globals--colors--warning-550: #BB4300; + --c--globals--colors--warning-600: #A63C00; + --c--globals--colors--warning-650: #913400; + --c--globals--colors--warning-700: #783211; + --c--globals--colors--warning-750: #602E17; + --c--globals--colors--warning-800: #4C2818; + --c--globals--colors--warning-850: #382116; + --c--globals--colors--warning-900: #261912; + --c--globals--colors--warning-950: #16100C; + --c--globals--colors--error-050: #FEEDEC; + --c--globals--colors--error-100: #FEDAD9; + --c--globals--colors--error-150: #FDC7C6; + --c--globals--colors--error-200: #FCB4B2; + --c--globals--colors--error-250: #FCA09E; + --c--globals--colors--error-300: #FB8B88; + --c--globals--colors--error-350: #FA7470; + --c--globals--colors--error-400: #F95A55; + --c--globals--colors--error-450: #F83832; + --c--globals--colors--error-500: #EF0700; + --c--globals--colors--error-550: #D70600; + --c--globals--colors--error-600: #BF0500; + --c--globals--colors--error-650: #A90500; + --c--globals--colors--error-700: #8B1B11; + --c--globals--colors--error-750: #712017; + --c--globals--colors--error-800: #582018; + --c--globals--colors--error-850: #421C16; + --c--globals--colors--error-900: #2E1713; + --c--globals--colors--error-950: #1C0F0D; + --c--globals--colors--red-050: #FCEDEE; + --c--globals--colors--red-100: #FADBDD; + --c--globals--colors--red-150: #F8C9CC; + --c--globals--colors--red-200: #F5B6BA; + --c--globals--colors--red-250: #F3A3A8; + --c--globals--colors--red-300: #F18F96; + --c--globals--colors--red-350: #EF7A82; + --c--globals--colors--red-400: #EC646D; + --c--globals--colors--red-450: #E94A55; + --c--globals--colors--red-500: #E52835; + --c--globals--colors--red-550: #E1000F; + --c--globals--colors--red-600: #C0000C; + --c--globals--colors--red-650: #A9000B; + --c--globals--colors--red-700: #930009; + --c--globals--colors--red-750: #7D0007; + --c--globals--colors--red-800: #680006; + --c--globals--colors--red-850: #540005; + --c--globals--colors--red-900: #410003; + --c--globals--colors--red-950: #2C0002; + --c--globals--colors--orange-050: #FBEEE8; + --c--globals--colors--orange-100: #F8DDD1; + --c--globals--colors--orange-150: #F4CCBA; + --c--globals--colors--orange-200: #F0BBA3; + --c--globals--colors--orange-250: #ECA98B; + --c--globals--colors--orange-300: #E99774; + --c--globals--colors--orange-350: #E58459; + --c--globals--colors--orange-400: #E4794A; + --c--globals--colors--orange-450: #C86A40; + --c--globals--colors--orange-500: #B65F3A; + --c--globals--colors--orange-550: #A25533; + --c--globals--colors--orange-600: #904B2E; + --c--globals--colors--orange-650: #7E4228; + --c--globals--colors--orange-700: #6C3922; + --c--globals--colors--orange-750: #5B2F1C; + --c--globals--colors--orange-800: #4A2717; + --c--globals--colors--orange-850: #3B1E12; + --c--globals--colors--orange-900: #2A160D; + --c--globals--colors--orange-950: #1A0E08; + --c--globals--colors--brown-050: #F5F0EB; + --c--globals--colors--brown-100: #EBE0D7; + --c--globals--colors--brown-150: #E2D1C5; + --c--globals--colors--brown-200: #D8C2B1; + --c--globals--colors--brown-250: #CEB39E; + --c--globals--colors--brown-300: #C6A58C; + --c--globals--colors--brown-350: #BB9679; + --c--globals--colors--brown-400: #AC8A6F; + --c--globals--colors--brown-450: #9C7D64; + --c--globals--colors--brown-500: #8D725B; + --c--globals--colors--brown-550: #7E6551; + --c--globals--colors--brown-600: #6F5A48; + --c--globals--colors--brown-650: #614F3F; + --c--globals--colors--brown-700: #544336; + --c--globals--colors--brown-750: #46392D; + --c--globals--colors--brown-800: #392E24; + --c--globals--colors--brown-850: #2D241D; + --c--globals--colors--brown-900: #211A15; + --c--globals--colors--brown-950: #14100D; + --c--globals--colors--yellow-050: #F6F0E1; + --c--globals--colors--yellow-100: #EEE1C2; + --c--globals--colors--yellow-150: #E5D3A4; + --c--globals--colors--yellow-200: #DCC485; + --c--globals--colors--yellow-250: #D3B567; + --c--globals--colors--yellow-300: #CBA748; + --c--globals--colors--yellow-350: #C3992A; + --c--globals--colors--yellow-400: #B28B25; + --c--globals--colors--yellow-450: #A27E21; + --c--globals--colors--yellow-500: #92721F; + --c--globals--colors--yellow-550: #83661B; + --c--globals--colors--yellow-600: #745B18; + --c--globals--colors--yellow-650: #664F15; + --c--globals--colors--yellow-700: #574412; + --c--globals--colors--yellow-750: #48390F; + --c--globals--colors--yellow-800: #3B2E0B; + --c--globals--colors--yellow-850: #2E2409; + --c--globals--colors--yellow-900: #221A06; + --c--globals--colors--yellow-950: #151004; + --c--globals--colors--green-050: #E2F4EC; + --c--globals--colors--green-100: #C6EADB; + --c--globals--colors--green-150: #A9E0C9; + --c--globals--colors--green-200: #89D6B5; + --c--globals--colors--green-250: #69CBA1; + --c--globals--colors--green-300: #46BF8B; + --c--globals--colors--green-350: #22B374; + --c--globals--colors--green-400: #00A95F; + --c--globals--colors--green-450: #009755; + --c--globals--colors--green-500: #00894D; + --c--globals--colors--green-550: #007A44; + --c--globals--colors--green-600: #006D3D; + --c--globals--colors--green-650: #005F35; + --c--globals--colors--green-700: #00522E; + --c--globals--colors--green-750: #004526; + --c--globals--colors--green-800: #00381F; + --c--globals--colors--green-850: #002C18; + --c--globals--colors--green-900: #002112; + --c--globals--colors--green-950: #00140A; + --c--globals--colors--blue1-050: #ECF1F8; + --c--globals--colors--blue1-100: #D7E3F1; + --c--globals--colors--blue1-150: #C3D6EC; + --c--globals--colors--blue1-200: #B0C9E5; + --c--globals--colors--blue1-250: #9DBBE0; + --c--globals--colors--blue1-300: #8AAED9; + --c--globals--colors--blue1-350: #76A1D3; + --c--globals--colors--blue1-400: #6193CD; + --c--globals--colors--blue1-450: #4E86C7; + --c--globals--colors--blue1-500: #417DC4; + --c--globals--colors--blue1-550: #376CAA; + --c--globals--colors--blue1-600: #316097; + --c--globals--colors--blue1-650: #2B5484; + --c--globals--colors--blue1-700: #254872; + --c--globals--colors--blue1-750: #1F3C5F; + --c--globals--colors--blue1-800: #19314E; + --c--globals--colors--blue1-850: #14263D; + --c--globals--colors--blue1-900: #0E1C2C; + --c--globals--colors--blue1-950: #09111B; + --c--globals--colors--blue-2-050: #E6F3F4; + --c--globals--colors--blue-2-100: #CBE8E9; + --c--globals--colors--blue-2-150: #B2DCDE; + --c--globals--colors--blue-2-200: #96D0D4; + --c--globals--colors--blue-2-250: #7AC4C9; + --c--globals--colors--blue-2-300: #5EB8BE; + --c--globals--colors--blue-2-350: #44ACB3; + --c--globals--colors--blue-2-400: #269FA7; + --c--globals--colors--blue-2-450: #05929B; + --c--globals--colors--blue-2-500: #009099; + --c--globals--colors--blue-2-550: #00767C; + --c--globals--colors--blue-2-600: #00696F; + --c--globals--colors--blue-2-650: #005C61; + --c--globals--colors--blue-2-700: #004F53; + --c--globals--colors--blue-2-750: #004246; + --c--globals--colors--blue-2-800: #003639; + --c--globals--colors--blue-2-850: #002B2D; + --c--globals--colors--blue-2-900: #001F21; + --c--globals--colors--blue-2-950: #001415; + --c--globals--colors--purple-050: #F5EEF5; + --c--globals--colors--purple-100: #ECDEEC; + --c--globals--colors--purple-150: #E4CDE3; + --c--globals--colors--purple-200: #DBBDD9; + --c--globals--colors--purple-250: #D3ADD0; + --c--globals--colors--purple-300: #CA9DC7; + --c--globals--colors--purple-350: #C18DBE; + --c--globals--colors--purple-400: #B87DB4; + --c--globals--colors--purple-450: #B06CAB; + --c--globals--colors--purple-500: #8F58A5; + --c--globals--colors--purple-550: #975093; + --c--globals--colors--purple-600: #864783; + --c--globals--colors--purple-650: #743E72; + --c--globals--colors--purple-700: #643662; + --c--globals--colors--purple-750: #542D52; + --c--globals--colors--purple-800: #442443; + --c--globals--colors--purple-850: #351C34; + --c--globals--colors--purple-900: #271526; + --c--globals--colors--purple-950: #180C18; + --c--globals--colors--pink-050: #FAEEEA; + --c--globals--colors--pink-100: #F5DDD6; + --c--globals--colors--pink-150: #F1CCC3; + --c--globals--colors--pink-200: #EDBBAF; + --c--globals--colors--pink-250: #E8AA9B; + --c--globals--colors--pink-300: #E39886; + --c--globals--colors--pink-350: #E18B76; + --c--globals--colors--pink-400: #CA7C69; + --c--globals--colors--pink-450: #B86088; + --c--globals--colors--pink-500: #A66657; + --c--globals--colors--pink-550: #955B4D; + --c--globals--colors--pink-600: #845044; + --c--globals--colors--pink-650: #73473C; + --c--globals--colors--pink-700: #633D34; + --c--globals--colors--pink-750: #53322B; + --c--globals--colors--pink-800: #452923; + --c--globals--colors--pink-850: #36201C; + --c--globals--colors--pink-900: #271713; + --c--globals--colors--pink-950: #190E0C; + --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: #000000B2; + --c--globals--colors--black-750: #000000BF; + --c--globals--colors--black-800: #000000CC; + --c--globals--colors--black-850: #000000D9; + --c--globals--colors--black-900: #000000E5; + --c--globals--colors--black-950: #000000F2; + --c--globals--colors--white-000: #FFFFFF00; + --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: #FFFFFFB2; + --c--globals--colors--white-750: #FFFFFFBF; + --c--globals--colors--white-800: #FFFFFFCC; + --c--globals--colors--white-850: #FFFFFFD9; + --c--globals--colors--white-900: #FFFFFFE5; + --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--white-975: #FFFFFFF9; + --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: 100; + --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: 800; + --c--globals--font--weights--black: 900; + --c--globals--font--families--base: Hanken Grotesk, sans-serif; + --c--globals--font--families--accent: Hanken Grotesk, sans-serif; + --c--globals--spacings--0: 0; + --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--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; + --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--2xl: 3rem; + --c--globals--spacings--3xl: 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--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; + --c--globals--breakpoints--xs: 480px; + --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--globals--breakpoints--xxs: 320px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; + --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--overlay--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-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--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--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--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); + --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-550); + --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-550); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --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-550); + --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-550); + --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-550); + --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-550); + --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--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); + --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--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--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); + --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); + --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); + --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); + --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); + --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); + --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); + --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); + --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); +} +.cunningham-theme--dark{ + --c--globals--colors--logo-1: #4747A3; + --c--globals--colors--logo-2: #4747A3; + --c--globals--colors--logo-1-dark: #C5C5F0; + --c--globals--colors--logo-2-dark: #C1C1FF; + --c--globals--colors--brand-050: #EFEFFF; + --c--globals--colors--brand-100: #E0E0FF; + --c--globals--colors--brand-150: #D0D0FF; + --c--globals--colors--brand-200: #C1C1FF; + --c--globals--colors--brand-250: #B2B2FF; + --c--globals--colors--brand-300: #A2A2FF; + --c--globals--colors--brand-350: #9393FB; + --c--globals--colors--brand-400: #8484F7; + --c--globals--colors--brand-450: #7575F2; + --c--globals--colors--brand-500: #6969DF; + --c--globals--colors--brand-550: #5C5CD3; + --c--globals--colors--brand-600: #5151BB; + --c--globals--colors--brand-650: #4747A3; + --c--globals--colors--brand-700: #3D3D8C; + --c--globals--colors--brand-750: #34356E; + --c--globals--colors--brand-800: #2C2D54; + --c--globals--colors--brand-850: #23253C; + --c--globals--colors--brand-900: #1A1B28; + --c--globals--colors--brand-950: #111117; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F8F8FA; + --c--globals--colors--gray-050: #F0F0F3; + --c--globals--colors--gray-100: #E2E2EA; + --c--globals--colors--gray-150: #D3D4E0; + --c--globals--colors--gray-200: #C5C6D5; + --c--globals--colors--gray-250: #B7B7CB; + --c--globals--colors--gray-300: #A9A9BF; + --c--globals--colors--gray-350: #9C9CB2; + --c--globals--colors--gray-400: #8F8FA4; + --c--globals--colors--gray-450: #828297; + --c--globals--colors--gray-500: #75758A; + --c--globals--colors--gray-550: #69697D; + --c--globals--colors--gray-600: #5D5D70; + --c--globals--colors--gray-650: #515164; + --c--globals--colors--gray-700: #454558; + --c--globals--colors--gray-750: #3A3A4C; + --c--globals--colors--gray-800: #2F2F40; + --c--globals--colors--gray-850: #252435; + --c--globals--colors--gray-900: #1A1A2A; + --c--globals--colors--gray-950: #101019; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #E7F2FE; + --c--globals--colors--info-100: #CEE5FD; + --c--globals--colors--info-150: #B5D8FC; + --c--globals--colors--info-200: #9CCBFA; + --c--globals--colors--info-250: #83BDF9; + --c--globals--colors--info-300: #69B0F8; + --c--globals--colors--info-350: #4FA2F7; + --c--globals--colors--info-400: #3393F5; + --c--globals--colors--info-450: #1583F4; + --c--globals--colors--info-500: #0074EB; + --c--globals--colors--info-550: #0068D2; + --c--globals--colors--info-600: #005CBB; + --c--globals--colors--info-650: #0051A3; + --c--globals--colors--info-700: #114785; + --c--globals--colors--info-750: #173D6A; + --c--globals--colors--info-800: #183251; + --c--globals--colors--info-850: #16273B; + --c--globals--colors--info-900: #121D28; + --c--globals--colors--info-950: #0C1217; + --c--globals--colors--success-050: #E8F3EC; + --c--globals--colors--success-100: #D1E8DA; + --c--globals--colors--success-150: #BBDCC8; + --c--globals--colors--success-200: #A4D0B4; + --c--globals--colors--success-250: #8DC5A3; + --c--globals--colors--success-300: #76B990; + --c--globals--colors--success-350: #5FAE7D; + --c--globals--colors--success-400: #48A26A; + --c--globals--colors--success-450: #309556; + --c--globals--colors--success-500: #1E8847; + --c--globals--colors--success-550: #1B7A3F; + --c--globals--colors--success-600: #186C38; + --c--globals--colors--success-650: #155F31; + --c--globals--colors--success-700: #1C502D; + --c--globals--colors--success-750: #1E4229; + --c--globals--colors--success-800: #1C3524; + --c--globals--colors--success-850: #19291E; + --c--globals--colors--success-900: #141D17; + --c--globals--colors--success-950: #0D110E; + --c--globals--colors--warning-050: #FBEEE7; + --c--globals--colors--warning-100: #F7DDCF; + --c--globals--colors--warning-150: #F3CDB7; + --c--globals--colors--warning-200: #EFBC9E; + --c--globals--colors--warning-250: #EBAA86; + --c--globals--colors--warning-300: #E7986C; + --c--globals--colors--warning-350: #E38652; + --c--globals--colors--warning-400: #DF7336; + --c--globals--colors--warning-450: #DA5E18; + --c--globals--colors--warning-500: #D04B00; + --c--globals--colors--warning-550: #BB4300; + --c--globals--colors--warning-600: #A63C00; + --c--globals--colors--warning-650: #913400; + --c--globals--colors--warning-700: #783211; + --c--globals--colors--warning-750: #602E17; + --c--globals--colors--warning-800: #4C2818; + --c--globals--colors--warning-850: #382116; + --c--globals--colors--warning-900: #261912; + --c--globals--colors--warning-950: #16100C; + --c--globals--colors--error-050: #FEEDEC; + --c--globals--colors--error-100: #FEDAD9; + --c--globals--colors--error-150: #FDC7C6; + --c--globals--colors--error-200: #FCB4B2; + --c--globals--colors--error-250: #FCA09E; + --c--globals--colors--error-300: #FB8B88; + --c--globals--colors--error-350: #FA7470; + --c--globals--colors--error-400: #F95A55; + --c--globals--colors--error-450: #F83832; + --c--globals--colors--error-500: #EF0700; + --c--globals--colors--error-550: #D70600; + --c--globals--colors--error-600: #BF0500; + --c--globals--colors--error-650: #A90500; + --c--globals--colors--error-700: #8B1B11; + --c--globals--colors--error-750: #712017; + --c--globals--colors--error-800: #582018; + --c--globals--colors--error-850: #421C16; + --c--globals--colors--error-900: #2E1713; + --c--globals--colors--error-950: #1C0F0D; + --c--globals--colors--red-050: #FCEDEE; + --c--globals--colors--red-100: #FADBDD; + --c--globals--colors--red-150: #F8C9CC; + --c--globals--colors--red-200: #F5B6BA; + --c--globals--colors--red-250: #F3A3A8; + --c--globals--colors--red-300: #F18F96; + --c--globals--colors--red-350: #EF7A82; + --c--globals--colors--red-400: #EC646D; + --c--globals--colors--red-450: #E94A55; + --c--globals--colors--red-500: #E52835; + --c--globals--colors--red-550: #E1000F; + --c--globals--colors--red-600: #C0000C; + --c--globals--colors--red-650: #A9000B; + --c--globals--colors--red-700: #930009; + --c--globals--colors--red-750: #7D0007; + --c--globals--colors--red-800: #680006; + --c--globals--colors--red-850: #540005; + --c--globals--colors--red-900: #410003; + --c--globals--colors--red-950: #2C0002; + --c--globals--colors--orange-050: #FBEEE8; + --c--globals--colors--orange-100: #F8DDD1; + --c--globals--colors--orange-150: #F4CCBA; + --c--globals--colors--orange-200: #F0BBA3; + --c--globals--colors--orange-250: #ECA98B; + --c--globals--colors--orange-300: #E99774; + --c--globals--colors--orange-350: #E58459; + --c--globals--colors--orange-400: #E4794A; + --c--globals--colors--orange-450: #C86A40; + --c--globals--colors--orange-500: #B65F3A; + --c--globals--colors--orange-550: #A25533; + --c--globals--colors--orange-600: #904B2E; + --c--globals--colors--orange-650: #7E4228; + --c--globals--colors--orange-700: #6C3922; + --c--globals--colors--orange-750: #5B2F1C; + --c--globals--colors--orange-800: #4A2717; + --c--globals--colors--orange-850: #3B1E12; + --c--globals--colors--orange-900: #2A160D; + --c--globals--colors--orange-950: #1A0E08; + --c--globals--colors--brown-050: #F5F0EB; + --c--globals--colors--brown-100: #EBE0D7; + --c--globals--colors--brown-150: #E2D1C5; + --c--globals--colors--brown-200: #D8C2B1; + --c--globals--colors--brown-250: #CEB39E; + --c--globals--colors--brown-300: #C6A58C; + --c--globals--colors--brown-350: #BB9679; + --c--globals--colors--brown-400: #AC8A6F; + --c--globals--colors--brown-450: #9C7D64; + --c--globals--colors--brown-500: #8D725B; + --c--globals--colors--brown-550: #7E6551; + --c--globals--colors--brown-600: #6F5A48; + --c--globals--colors--brown-650: #614F3F; + --c--globals--colors--brown-700: #544336; + --c--globals--colors--brown-750: #46392D; + --c--globals--colors--brown-800: #392E24; + --c--globals--colors--brown-850: #2D241D; + --c--globals--colors--brown-900: #211A15; + --c--globals--colors--brown-950: #14100D; + --c--globals--colors--yellow-050: #F6F0E1; + --c--globals--colors--yellow-100: #EEE1C2; + --c--globals--colors--yellow-150: #E5D3A4; + --c--globals--colors--yellow-200: #DCC485; + --c--globals--colors--yellow-250: #D3B567; + --c--globals--colors--yellow-300: #CBA748; + --c--globals--colors--yellow-350: #C3992A; + --c--globals--colors--yellow-400: #B28B25; + --c--globals--colors--yellow-450: #A27E21; + --c--globals--colors--yellow-500: #92721F; + --c--globals--colors--yellow-550: #83661B; + --c--globals--colors--yellow-600: #745B18; + --c--globals--colors--yellow-650: #664F15; + --c--globals--colors--yellow-700: #574412; + --c--globals--colors--yellow-750: #48390F; + --c--globals--colors--yellow-800: #3B2E0B; + --c--globals--colors--yellow-850: #2E2409; + --c--globals--colors--yellow-900: #221A06; + --c--globals--colors--yellow-950: #151004; + --c--globals--colors--green-050: #E2F4EC; + --c--globals--colors--green-100: #C6EADB; + --c--globals--colors--green-150: #A9E0C9; + --c--globals--colors--green-200: #89D6B5; + --c--globals--colors--green-250: #69CBA1; + --c--globals--colors--green-300: #46BF8B; + --c--globals--colors--green-350: #22B374; + --c--globals--colors--green-400: #00A95F; + --c--globals--colors--green-450: #009755; + --c--globals--colors--green-500: #00894D; + --c--globals--colors--green-550: #007A44; + --c--globals--colors--green-600: #006D3D; + --c--globals--colors--green-650: #005F35; + --c--globals--colors--green-700: #00522E; + --c--globals--colors--green-750: #004526; + --c--globals--colors--green-800: #00381F; + --c--globals--colors--green-850: #002C18; + --c--globals--colors--green-900: #002112; + --c--globals--colors--green-950: #00140A; + --c--globals--colors--blue1-050: #ECF1F8; + --c--globals--colors--blue1-100: #D7E3F1; + --c--globals--colors--blue1-150: #C3D6EC; + --c--globals--colors--blue1-200: #B0C9E5; + --c--globals--colors--blue1-250: #9DBBE0; + --c--globals--colors--blue1-300: #8AAED9; + --c--globals--colors--blue1-350: #76A1D3; + --c--globals--colors--blue1-400: #6193CD; + --c--globals--colors--blue1-450: #4E86C7; + --c--globals--colors--blue1-500: #417DC4; + --c--globals--colors--blue1-550: #376CAA; + --c--globals--colors--blue1-600: #316097; + --c--globals--colors--blue1-650: #2B5484; + --c--globals--colors--blue1-700: #254872; + --c--globals--colors--blue1-750: #1F3C5F; + --c--globals--colors--blue1-800: #19314E; + --c--globals--colors--blue1-850: #14263D; + --c--globals--colors--blue1-900: #0E1C2C; + --c--globals--colors--blue1-950: #09111B; + --c--globals--colors--blue-2-050: #E6F3F4; + --c--globals--colors--blue-2-100: #CBE8E9; + --c--globals--colors--blue-2-150: #B2DCDE; + --c--globals--colors--blue-2-200: #96D0D4; + --c--globals--colors--blue-2-250: #7AC4C9; + --c--globals--colors--blue-2-300: #5EB8BE; + --c--globals--colors--blue-2-350: #44ACB3; + --c--globals--colors--blue-2-400: #269FA7; + --c--globals--colors--blue-2-450: #05929B; + --c--globals--colors--blue-2-500: #009099; + --c--globals--colors--blue-2-550: #00767C; + --c--globals--colors--blue-2-600: #00696F; + --c--globals--colors--blue-2-650: #005C61; + --c--globals--colors--blue-2-700: #004F53; + --c--globals--colors--blue-2-750: #004246; + --c--globals--colors--blue-2-800: #003639; + --c--globals--colors--blue-2-850: #002B2D; + --c--globals--colors--blue-2-900: #001F21; + --c--globals--colors--blue-2-950: #001415; + --c--globals--colors--purple-050: #F5EEF5; + --c--globals--colors--purple-100: #ECDEEC; + --c--globals--colors--purple-150: #E4CDE3; + --c--globals--colors--purple-200: #DBBDD9; + --c--globals--colors--purple-250: #D3ADD0; + --c--globals--colors--purple-300: #CA9DC7; + --c--globals--colors--purple-350: #C18DBE; + --c--globals--colors--purple-400: #B87DB4; + --c--globals--colors--purple-450: #B06CAB; + --c--globals--colors--purple-500: #8F58A5; + --c--globals--colors--purple-550: #975093; + --c--globals--colors--purple-600: #864783; + --c--globals--colors--purple-650: #743E72; + --c--globals--colors--purple-700: #643662; + --c--globals--colors--purple-750: #542D52; + --c--globals--colors--purple-800: #442443; + --c--globals--colors--purple-850: #351C34; + --c--globals--colors--purple-900: #271526; + --c--globals--colors--purple-950: #180C18; + --c--globals--colors--pink-050: #FAEEEA; + --c--globals--colors--pink-100: #F5DDD6; + --c--globals--colors--pink-150: #F1CCC3; + --c--globals--colors--pink-200: #EDBBAF; + --c--globals--colors--pink-250: #E8AA9B; + --c--globals--colors--pink-300: #E39886; + --c--globals--colors--pink-350: #E18B76; + --c--globals--colors--pink-400: #CA7C69; + --c--globals--colors--pink-450: #B86088; + --c--globals--colors--pink-500: #A66657; + --c--globals--colors--pink-550: #955B4D; + --c--globals--colors--pink-600: #845044; + --c--globals--colors--pink-650: #73473C; + --c--globals--colors--pink-700: #633D34; + --c--globals--colors--pink-750: #53322B; + --c--globals--colors--pink-800: #452923; + --c--globals--colors--pink-850: #36201C; + --c--globals--colors--pink-900: #271713; + --c--globals--colors--pink-950: #190E0C; + --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: #000000B2; + --c--globals--colors--black-750: #000000BF; + --c--globals--colors--black-800: #000000CC; + --c--globals--colors--black-850: #000000D9; + --c--globals--colors--black-900: #000000E5; + --c--globals--colors--black-950: #000000F2; + --c--globals--colors--white-000: #FFFFFF00; + --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: #FFFFFFB2; + --c--globals--colors--white-750: #FFFFFFBF; + --c--globals--colors--white-800: #FFFFFFCC; + --c--globals--colors--white-850: #FFFFFFD9; + --c--globals--colors--white-900: #FFFFFFE5; + --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--white-975: #FFFFFFF9; + --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: 100; + --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: 800; + --c--globals--font--weights--black: 900; + --c--globals--font--families--base: Hanken Grotesk, sans-serif; + --c--globals--font--families--accent: Hanken Grotesk, sans-serif; + --c--globals--spacings--0: 0; + --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--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; + --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--2xl: 3rem; + --c--globals--spacings--3xl: 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--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; + --c--globals--breakpoints--xs: 480px; + --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--globals--breakpoints--xxs: 320px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; + --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--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--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); + --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--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--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); + --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--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-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); + --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--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--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); + --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); + --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); + --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); + --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); + --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); + --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); + --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); + --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); +} +.cunningham-theme--dsfr-light{ + --c--globals--colors--logo-1: #2845C1; + --c--globals--colors--logo-2: #C83F49; + --c--globals--colors--logo-1-dark: #95ABFF; + --c--globals--colors--logo-2-dark: #E78087; + --c--globals--colors--brand-050: #EDF0FF; + --c--globals--colors--brand-100: #DAE2FF; + --c--globals--colors--brand-150: #C8D3FF; + --c--globals--colors--brand-200: #B5C4FF; + --c--globals--colors--brand-250: #A2B6FF; + --c--globals--colors--brand-300: #90A7FF; + --c--globals--colors--brand-350: #7E98FF; + --c--globals--colors--brand-400: #6C89FE; + --c--globals--colors--brand-450: #5C7AF7; + --c--globals--colors--brand-500: #4C6CEF; + --c--globals--colors--brand-550: #3E5DE7; + --c--globals--colors--brand-600: #304DDF; + --c--globals--colors--brand-650: #2845C1; + --c--globals--colors--brand-700: #223E9E; + --c--globals--colors--brand-750: #1F367D; + --c--globals--colors--brand-800: #1B2E5F; + --c--globals--colors--brand-850: #172446; + --c--globals--colors--brand-900: #121B30; + --c--globals--colors--brand-950: #0C111A; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F6F8F9; + --c--globals--colors--gray-050: #EEF1F4; + --c--globals--colors--gray-100: #DFE2EA; + --c--globals--colors--gray-150: #CFD5DE; + --c--globals--colors--gray-200: #C1C7D3; + --c--globals--colors--gray-250: #B2B9C7; + --c--globals--colors--gray-300: #A4ABBC; + --c--globals--colors--gray-350: #969EB0; + --c--globals--colors--gray-400: #8891A4; + --c--globals--colors--gray-450: #7B8498; + --c--globals--colors--gray-500: #6D778C; + --c--globals--colors--gray-550: #626A80; + --c--globals--colors--gray-600: #555E74; + --c--globals--colors--gray-650: #4A5267; + --c--globals--colors--gray-700: #3F4759; + --c--globals--colors--gray-750: #363B4C; + --c--globals--colors--gray-800: #2B303D; + --c--globals--colors--gray-850: #222631; + --c--globals--colors--gray-900: #181B24; + --c--globals--colors--gray-950: #0F1117; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #E7F2FF; + --c--globals--colors--info-100: #CFE5FF; + --c--globals--colors--info-150: #B7D7FF; + --c--globals--colors--info-200: #A0CAFE; + --c--globals--colors--info-250: #8CBCF9; + --c--globals--colors--info-300: #77AEF4; + --c--globals--colors--info-350: #63A0EE; + --c--globals--colors--info-400: #5092E7; + --c--globals--colors--info-450: #4185DC; + --c--globals--colors--info-500: #3677CC; + --c--globals--colors--info-550: #2F6ABB; + --c--globals--colors--info-600: #265EAA; + --c--globals--colors--info-650: #28528F; + --c--globals--colors--info-700: #274775; + --c--globals--colors--info-750: #243C5E; + --c--globals--colors--info-800: #20314A; + --c--globals--colors--info-850: #1B2637; + --c--globals--colors--info-900: #141C27; + --c--globals--colors--info-950: #0D1118; + --c--globals--colors--success-050: #DEF7E6; + --c--globals--colors--success-100: #BAEECF; + --c--globals--colors--success-150: #A5E2C0; + --c--globals--colors--success-200: #95D4B3; + --c--globals--colors--success-250: #85C6A7; + --c--globals--colors--success-300: #74B99B; + --c--globals--colors--success-350: #65AB8F; + --c--globals--colors--success-400: #579E84; + --c--globals--colors--success-450: #4B9079; + --c--globals--colors--success-500: #40836F; + --c--globals--colors--success-550: #367664; + --c--globals--colors--success-600: #2B695A; + --c--globals--colors--success-650: #2C5A50; + --c--globals--colors--success-700: #2A4D45; + --c--globals--colors--success-750: #26403C; + --c--globals--colors--success-800: #213430; + --c--globals--colors--success-850: #1B2826; + --c--globals--colors--success-900: #151D1C; + --c--globals--colors--success-950: #0D1212; + --c--globals--colors--warning-050: #FFEEDF; + --c--globals--colors--warning-100: #FFDCBE; + --c--globals--colors--warning-150: #FFCA9C; + --c--globals--colors--warning-200: #FFB778; + --c--globals--colors--warning-250: #FDA54F; + --c--globals--colors--warning-300: #F59425; + --c--globals--colors--warning-350: #E78613; + --c--globals--colors--warning-400: #D7790C; + --c--globals--colors--warning-450: #C86C08; + --c--globals--colors--warning-500: #B85F03; + --c--globals--colors--warning-550: #A75400; + --c--globals--colors--warning-600: #984800; + --c--globals--colors--warning-650: #814112; + --c--globals--colors--warning-700: #6C3A19; + --c--globals--colors--warning-750: #58321C; + --c--globals--colors--warning-800: #452A1A; + --c--globals--colors--warning-850: #352117; + --c--globals--colors--warning-900: #261813; + --c--globals--colors--warning-950: #170F0C; + --c--globals--colors--error-050: #FFEDEB; + --c--globals--colors--error-100: #FFDAD7; + --c--globals--colors--error-150: #FFC7C2; + --c--globals--colors--error-200: #FFB3AD; + --c--globals--colors--error-250: #FF9F99; + --c--globals--colors--error-300: #FF8984; + --c--globals--colors--error-350: #FF706E; + --c--globals--colors--error-400: #FB5759; + --c--globals--colors--error-450: #F63A45; + --c--globals--colors--error-500: #E32C39; + --c--globals--colors--error-550: #CF202D; + --c--globals--colors--error-600: #BD0F23; + --c--globals--colors--error-650: #9D2227; + --c--globals--colors--error-700: #812727; + --c--globals--colors--error-750: #672624; + --c--globals--colors--error-800: #512220; + --c--globals--colors--error-850: #3D1C1B; + --c--globals--colors--error-900: #2A1614; + --c--globals--colors--error-950: #190E0D; + --c--globals--colors--red-050: #FFEDEB; + --c--globals--colors--red-100: #FFDAD7; + --c--globals--colors--red-150: #FFC7C2; + --c--globals--colors--red-200: #FFB3AD; + --c--globals--colors--red-250: #FF9F99; + --c--globals--colors--red-300: #FF8984; + --c--globals--colors--red-350: #FF706E; + --c--globals--colors--red-400: #FB5759; + --c--globals--colors--red-450: #F63A45; + --c--globals--colors--red-500: #E32C39; + --c--globals--colors--red-550: #CF202D; + --c--globals--colors--red-600: #BD0F23; + --c--globals--colors--red-650: #9D2227; + --c--globals--colors--red-700: #812727; + --c--globals--colors--red-750: #672624; + --c--globals--colors--red-800: #512220; + --c--globals--colors--red-850: #3D1C1B; + --c--globals--colors--red-900: #2A1614; + --c--globals--colors--red-950: #190E0D; + --c--globals--colors--orange-050: #FCEDEB; + --c--globals--colors--orange-100: #F8DCD7; + --c--globals--colors--orange-150: #F1CCC5; + --c--globals--colors--orange-200: #EABCB4; + --c--globals--colors--orange-250: #E2ACA2; + --c--globals--colors--orange-300: #DA9C92; + --c--globals--colors--orange-350: #D28C81; + --c--globals--colors--orange-400: #CA7C70; + --c--globals--colors--orange-450: #BE6E62; + --c--globals--colors--orange-500: #AE6257; + --c--globals--colors--orange-550: #9E564D; + --c--globals--colors--orange-600: #8F4B42; + --c--globals--colors--orange-650: #79443D; + --c--globals--colors--orange-700: #643C37; + --c--globals--colors--orange-750: #513430; + --c--globals--colors--orange-800: #412B28; + --c--globals--colors--orange-850: #312220; + --c--globals--colors--orange-900: #231918; + --c--globals--colors--orange-950: #150F0F; + --c--globals--colors--brown-050: #F9EFEA; + --c--globals--colors--brown-100: #F3DFD3; + --c--globals--colors--brown-150: #EACFC1; + --c--globals--colors--brown-200: #E2BFAE; + --c--globals--colors--brown-250: #D8B19C; + --c--globals--colors--brown-300: #D0A189; + --c--globals--colors--brown-350: #C3937B; + --c--globals--colors--brown-400: #B5866D; + --c--globals--colors--brown-450: #A77A62; + --c--globals--colors--brown-500: #996D57; + --c--globals--colors--brown-550: #8B614D; + --c--globals--colors--brown-600: #7C5542; + --c--globals--colors--brown-650: #6A4C3C; + --c--globals--colors--brown-700: #594236; + --c--globals--colors--brown-750: #49382F; + --c--globals--colors--brown-800: #3B2E28; + --c--globals--colors--brown-850: #2D2420; + --c--globals--colors--brown-900: #201A18; + --c--globals--colors--brown-950: #13100F; + --c--globals--colors--yellow-050: #FDF1C5; + --c--globals--colors--yellow-100: #FBE18E; + --c--globals--colors--yellow-150: #F4D261; + --c--globals--colors--yellow-200: #EAC244; + --c--globals--colors--yellow-250: #DFB41B; + --c--globals--colors--yellow-300: #D1A516; + --c--globals--colors--yellow-350: #C49711; + --c--globals--colors--yellow-400: #B78A0C; + --c--globals--colors--yellow-450: #A87D07; + --c--globals--colors--yellow-500: #9B6F02; + --c--globals--colors--yellow-550: #8D6300; + --c--globals--colors--yellow-600: #7F5600; + --c--globals--colors--yellow-650: #6E4C11; + --c--globals--colors--yellow-700: #5D4219; + --c--globals--colors--yellow-750: #4D371B; + --c--globals--colors--yellow-800: #3D2E1A; + --c--globals--colors--yellow-850: #2F2417; + --c--globals--colors--yellow-900: #221A12; + --c--globals--colors--yellow-950: #14100C; + --c--globals--colors--green-050: #E7F9B3; + --c--globals--colors--green-100: #D5EC98; + --c--globals--colors--green-150: #C5DE86; + --c--globals--colors--green-200: #B5D174; + --c--globals--colors--green-250: #A5C464; + --c--globals--colors--green-300: #95B755; + --c--globals--colors--green-350: #85AA45; + --c--globals--colors--green-400: #769D39; + --c--globals--colors--green-450: #688F30; + --c--globals--colors--green-500: #5A8228; + --c--globals--colors--green-550: #4D7621; + --c--globals--colors--green-600: #416919; + --c--globals--colors--green-650: #3A5B20; + --c--globals--colors--green-700: #324E22; + --c--globals--colors--green-750: #2C4122; + --c--globals--colors--green-800: #24351D; + --c--globals--colors--green-850: #1D2919; + --c--globals--colors--green-900: #161E13; + --c--globals--colors--green-950: #0E120C; + --c--globals--colors--blue1-050: #E7F2FF; + --c--globals--colors--blue1-100: #CFE5FF; + --c--globals--colors--blue1-150: #B7D7FF; + --c--globals--colors--blue1-200: #A0CAFE; + --c--globals--colors--blue1-250: #8CBCF9; + --c--globals--colors--blue1-300: #77AEF4; + --c--globals--colors--blue1-350: #63A0EE; + --c--globals--colors--blue1-400: #5092E7; + --c--globals--colors--blue1-450: #4185DC; + --c--globals--colors--blue1-500: #3677CC; + --c--globals--colors--blue1-550: #2F6ABB; + --c--globals--colors--blue1-600: #265EAA; + --c--globals--colors--blue1-650: #28528F; + --c--globals--colors--blue1-700: #274775; + --c--globals--colors--blue1-750: #243C5E; + --c--globals--colors--blue1-800: #20314A; + --c--globals--colors--blue1-850: #1B2637; + --c--globals--colors--blue1-900: #141C27; + --c--globals--colors--blue1-950: #0D1118; + --c--globals--colors--blue2-050: #E2F4FD; + --c--globals--colors--blue2-100: #C4E8F8; + --c--globals--colors--blue2-150: #AADCF2; + --c--globals--colors--blue2-200: #93CFEB; + --c--globals--colors--blue2-250: #7CC2E2; + --c--globals--colors--blue2-300: #6CB4D6; + --c--globals--colors--blue2-350: #5CA7C9; + --c--globals--colors--blue2-400: #5099BC; + --c--globals--colors--blue2-450: #458BAE; + --c--globals--colors--blue2-500: #3A7EA0; + --c--globals--colors--blue2-550: #327191; + --c--globals--colors--blue2-600: #286483; + --c--globals--colors--blue2-650: #2B5770; + --c--globals--colors--blue2-700: #294A5E; + --c--globals--colors--blue2-750: #263E4D; + --c--globals--colors--blue2-800: #22323D; + --c--globals--colors--blue2-850: #1C272E; + --c--globals--colors--blue2-900: #151D21; + --c--globals--colors--blue2-950: #0E1114; + --c--globals--colors--purple-050: #F5EEFF; + --c--globals--colors--purple-100: #ECDCFF; + --c--globals--colors--purple-150: #E2CBFF; + --c--globals--colors--purple-200: #D9B9FF; + --c--globals--colors--purple-250: #D0A7FF; + --c--globals--colors--purple-300: #C894FE; + --c--globals--colors--purple-350: #BE83FA; + --c--globals--colors--purple-400: #B570F5; + --c--globals--colors--purple-450: #AB5EF0; + --c--globals--colors--purple-500: #A04BE8; + --c--globals--colors--purple-550: #933CDB; + --c--globals--colors--purple-600: #8530C8; + --c--globals--colors--purple-650: #7033A5; + --c--globals--colors--purple-700: #5D3185; + --c--globals--colors--purple-750: #4C2C6A; + --c--globals--colors--purple-800: #3C2652; + --c--globals--colors--purple-850: #2D203C; + --c--globals--colors--purple-900: #21182A; + --c--globals--colors--purple-950: #130F19; + --c--globals--colors--pink-050: #FFEBF6; + --c--globals--colors--pink-100: #FFD8ED; + --c--globals--colors--pink-150: #FCC4E3; + --c--globals--colors--pink-200: #F7B2D9; + --c--globals--colors--pink-250: #F29FCE; + --c--globals--colors--pink-300: #ED8CC3; + --c--globals--colors--pink-350: #E779B8; + --c--globals--colors--pink-400: #E264AD; + --c--globals--colors--pink-450: #D2579E; + --c--globals--colors--pink-500: #C24B8E; + --c--globals--colors--pink-550: #B0417F; + --c--globals--colors--pink-600: #9F3670; + --c--globals--colors--pink-650: #873560; + --c--globals--colors--pink-700: #6F3250; + --c--globals--colors--pink-750: #5A2C43; + --c--globals--colors--pink-800: #472635; + --c--globals--colors--pink-850: #351F29; + --c--globals--colors--pink-900: #26171D; + --c--globals--colors--pink-950: #170F12; + --c--globals--colors--black-000: #181B2400; + --c--globals--colors--black-050: #181B240D; + --c--globals--colors--black-100: #181B241A; + --c--globals--colors--black-150: #181B2426; + --c--globals--colors--black-200: #181B2433; + --c--globals--colors--black-250: #181B2440; + --c--globals--colors--black-300: #181B244D; + --c--globals--colors--black-350: #181B2459; + --c--globals--colors--black-400: #181B2466; + --c--globals--colors--black-450: #181B2473; + --c--globals--colors--black-500: #181B2480; + --c--globals--colors--black-550: #181B248C; + --c--globals--colors--black-600: #181B2499; + --c--globals--colors--black-650: #181B24A6; + --c--globals--colors--black-700: #181B24B2; + --c--globals--colors--black-750: #181B24BF; + --c--globals--colors--black-800: #181B24CC; + --c--globals--colors--black-850: #181B24D9; + --c--globals--colors--black-900: #181B24E5; + --c--globals--colors--black-950: #0F1117F2; + --c--globals--colors--white-000: #F6F8F900; + --c--globals--colors--white-050: #F6F8F90D; + --c--globals--colors--white-100: #F6F8F91A; + --c--globals--colors--white-150: #F6F8F926; + --c--globals--colors--white-200: #F6F8F933; + --c--globals--colors--white-250: #F6F8F940; + --c--globals--colors--white-300: #F6F8F94D; + --c--globals--colors--white-350: #F6F8F959; + --c--globals--colors--white-400: #F6F8F966; + --c--globals--colors--white-450: #F6F8F973; + --c--globals--colors--white-500: #F6F8F980; + --c--globals--colors--white-550: #F6F8F98C; + --c--globals--colors--white-600: #F6F8F999; + --c--globals--colors--white-650: #F6F8F9A6; + --c--globals--colors--white-700: #F6F8F9B2; + --c--globals--colors--white-750: #F6F8F9BF; + --c--globals--colors--white-800: #F6F8F9CC; + --c--globals--colors--white-850: #F6F8F9D9; + --c--globals--colors--white-900: #F6F8F9E5; + --c--globals--colors--white-950: #F6F8F9F2; + --c--globals--colors--white-975: #F6F8F9F9; + --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: 100; + --c--globals--font--weights--extrabold: 800; + --c--globals--font--weights--black: 900; + --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--spacings--0: 0; + --c--globals--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; + --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 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--2xl: 3rem; + --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--3xl: 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--xxs: 320px; + --c--globals--breakpoints--xs: 480px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; + --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--overlay--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-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--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--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--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); + --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-550); + --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-550); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --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-550); + --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-550); + --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-550); + --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-550); + --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--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); + --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--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--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); + --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); + --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); + --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); + --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); + --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); + --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); + --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); + --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); +} +.cunningham-theme--dsfr-dark{ + --c--globals--colors--logo-1: #2845C1; + --c--globals--colors--logo-2: #C83F49; --c--globals--colors--logo-1-dark: #95ABFF; - --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--logo-2-dark: #E78087; --c--globals--colors--brand-050: #EDF0FF; --c--globals--colors--brand-100: #DAE2FF; --c--globals--colors--brand-150: #C8D3FF; @@ -215,122 +1924,6 @@ --c--globals--colors--green-850: #1D2919; --c--globals--colors--green-900: #161E13; --c--globals--colors--green-950: #0E120C; - --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: #F5EEFF; - --c--globals--colors--purple-100: #ECDCFF; - --c--globals--colors--purple-150: #E2CBFF; - --c--globals--colors--purple-200: #D9B9FF; - --c--globals--colors--purple-250: #D0A7FF; - --c--globals--colors--purple-300: #C894FE; - --c--globals--colors--purple-350: #BE83FA; - --c--globals--colors--purple-400: #B570F5; - --c--globals--colors--purple-450: #AB5EF0; - --c--globals--colors--purple-500: #A04BE8; - --c--globals--colors--purple-550: #933CDB; - --c--globals--colors--purple-600: #8530C8; - --c--globals--colors--purple-650: #7033A5; - --c--globals--colors--purple-700: #5D3185; - --c--globals--colors--purple-750: #4C2C6A; - --c--globals--colors--purple-800: #3C2652; - --c--globals--colors--purple-850: #2D203C; - --c--globals--colors--purple-900: #21182A; - --c--globals--colors--purple-950: #130F19; - --c--globals--colors--pink-050: #FFEBF6; - --c--globals--colors--pink-100: #FFD8ED; - --c--globals--colors--pink-150: #FCC4E3; - --c--globals--colors--pink-200: #F7B2D9; - --c--globals--colors--pink-250: #F29FCE; - --c--globals--colors--pink-300: #ED8CC3; - --c--globals--colors--pink-350: #E779B8; - --c--globals--colors--pink-400: #E264AD; - --c--globals--colors--pink-450: #D2579E; - --c--globals--colors--pink-500: #C24B8E; - --c--globals--colors--pink-550: #B0417F; - --c--globals--colors--pink-600: #9F3670; - --c--globals--colors--pink-650: #873560; - --c--globals--colors--pink-700: #6F3250; - --c--globals--colors--pink-750: #5A2C43; - --c--globals--colors--pink-800: #472635; - --c--globals--colors--pink-850: #351F29; - --c--globals--colors--pink-900: #26171D; - --c--globals--colors--pink-950: #170F12; - --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--colors--blue1-050: #E7F2FF; --c--globals--colors--blue1-100: #CFE5FF; --c--globals--colors--blue1-150: #B7D7FF; @@ -369,10 +1962,640 @@ --c--globals--colors--blue2-850: #1C272E; --c--globals--colors--blue2-900: #151D21; --c--globals--colors--blue2-950: #0E1114; - --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--colors--purple-050: #F5EEFF; + --c--globals--colors--purple-100: #ECDCFF; + --c--globals--colors--purple-150: #E2CBFF; + --c--globals--colors--purple-200: #D9B9FF; + --c--globals--colors--purple-250: #D0A7FF; + --c--globals--colors--purple-300: #C894FE; + --c--globals--colors--purple-350: #BE83FA; + --c--globals--colors--purple-400: #B570F5; + --c--globals--colors--purple-450: #AB5EF0; + --c--globals--colors--purple-500: #A04BE8; + --c--globals--colors--purple-550: #933CDB; + --c--globals--colors--purple-600: #8530C8; + --c--globals--colors--purple-650: #7033A5; + --c--globals--colors--purple-700: #5D3185; + --c--globals--colors--purple-750: #4C2C6A; + --c--globals--colors--purple-800: #3C2652; + --c--globals--colors--purple-850: #2D203C; + --c--globals--colors--purple-900: #21182A; + --c--globals--colors--purple-950: #130F19; + --c--globals--colors--pink-050: #FFEBF6; + --c--globals--colors--pink-100: #FFD8ED; + --c--globals--colors--pink-150: #FCC4E3; + --c--globals--colors--pink-200: #F7B2D9; + --c--globals--colors--pink-250: #F29FCE; + --c--globals--colors--pink-300: #ED8CC3; + --c--globals--colors--pink-350: #E779B8; + --c--globals--colors--pink-400: #E264AD; + --c--globals--colors--pink-450: #D2579E; + --c--globals--colors--pink-500: #C24B8E; + --c--globals--colors--pink-550: #B0417F; + --c--globals--colors--pink-600: #9F3670; + --c--globals--colors--pink-650: #873560; + --c--globals--colors--pink-700: #6F3250; + --c--globals--colors--pink-750: #5A2C43; + --c--globals--colors--pink-800: #472635; + --c--globals--colors--pink-850: #351F29; + --c--globals--colors--pink-900: #26171D; + --c--globals--colors--pink-950: #170F12; + --c--globals--colors--black-000: #181B2400; + --c--globals--colors--black-050: #181B240D; + --c--globals--colors--black-100: #181B241A; + --c--globals--colors--black-150: #181B2426; + --c--globals--colors--black-200: #181B2433; + --c--globals--colors--black-250: #181B2440; + --c--globals--colors--black-300: #181B244D; + --c--globals--colors--black-350: #181B2459; + --c--globals--colors--black-400: #181B2466; + --c--globals--colors--black-450: #181B2473; + --c--globals--colors--black-500: #181B2480; + --c--globals--colors--black-550: #181B248C; + --c--globals--colors--black-600: #181B2499; + --c--globals--colors--black-650: #181B24A6; + --c--globals--colors--black-700: #181B24B2; + --c--globals--colors--black-750: #181B24BF; + --c--globals--colors--black-800: #181B24CC; + --c--globals--colors--black-850: #181B24D9; + --c--globals--colors--black-900: #181B24E5; + --c--globals--colors--black-950: #0F1117F2; + --c--globals--colors--white-000: #F6F8F900; + --c--globals--colors--white-050: #F6F8F90D; + --c--globals--colors--white-100: #F6F8F91A; + --c--globals--colors--white-150: #F6F8F926; + --c--globals--colors--white-200: #F6F8F933; + --c--globals--colors--white-250: #F6F8F940; + --c--globals--colors--white-300: #F6F8F94D; + --c--globals--colors--white-350: #F6F8F959; + --c--globals--colors--white-400: #F6F8F966; + --c--globals--colors--white-450: #F6F8F973; + --c--globals--colors--white-500: #F6F8F980; + --c--globals--colors--white-550: #F6F8F98C; + --c--globals--colors--white-600: #F6F8F999; + --c--globals--colors--white-650: #F6F8F9A6; + --c--globals--colors--white-700: #F6F8F9B2; + --c--globals--colors--white-750: #F6F8F9BF; + --c--globals--colors--white-800: #F6F8F9CC; + --c--globals--colors--white-850: #F6F8F9D9; + --c--globals--colors--white-900: #F6F8F9E5; + --c--globals--colors--white-950: #F6F8F9F2; + --c--globals--colors--white-975: #F6F8F9F9; + --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: 100; + --c--globals--font--weights--extrabold: 800; + --c--globals--font--weights--black: 900; + --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--spacings--0: 0; + --c--globals--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; + --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 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--2xl: 3rem; + --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--3xl: 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--xxs: 320px; + --c--globals--breakpoints--xs: 480px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; + --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--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--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); + --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--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--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); + --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--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-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); + --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--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--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); + --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); + --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); + --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); + --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); + --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); + --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); + --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); + --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); +} +.cunningham-theme--anct-light{ + --c--globals--colors--logo-1: #2845C1; + --c--globals--colors--logo-2: #FBC63A; + --c--globals--colors--logo-1-dark: #94A3E5; + --c--globals--colors--logo-2-dark: #EFD183; + --c--globals--colors--brand-050: #EEF0F9; + --c--globals--colors--brand-100: #DDE2F5; + --c--globals--colors--brand-150: #CBD4F1; + --c--globals--colors--brand-200: #B8C6F0; + --c--globals--colors--brand-250: #A5B7F2; + --c--globals--colors--brand-300: #91A8F7; + --c--globals--colors--brand-350: #7C98FE; + --c--globals--colors--brand-400: #6A89FF; + --c--globals--colors--brand-450: #5A7AFB; + --c--globals--colors--brand-500: #4B6BF0; + --c--globals--colors--brand-550: #3E5CE7; + --c--globals--colors--brand-600: #3352D5; + --c--globals--colors--brand-650: #2A47C0; + --c--globals--colors--brand-700: #2340A3; + --c--globals--colors--brand-750: #223A7F; + --c--globals--colors--brand-800: #1F325F; + --c--globals--colors--brand-850: #1B2845; + --c--globals--colors--brand-900: #151E30; + --c--globals--colors--brand-950: #0D121D; + --c--globals--colors--gray-000: #FFFFFF; + --c--globals--colors--gray-025: #F6F8FA; + --c--globals--colors--gray-050: #ECF1F7; + --c--globals--colors--gray-100: #DDE3F3; + --c--globals--colors--gray-150: #CCD4EA; + --c--globals--colors--gray-200: #BCC7E0; + --c--globals--colors--gray-250: #AEB9D2; + --c--globals--colors--gray-300: #A1ABC4; + --c--globals--colors--gray-350: #949EB6; + --c--globals--colors--gray-400: #8791A9; + --c--globals--colors--gray-450: #7A849B; + --c--globals--colors--gray-500: #6D778E; + --c--globals--colors--gray-550: #616A81; + --c--globals--colors--gray-600: #555E75; + --c--globals--colors--gray-650: #495268; + --c--globals--colors--gray-700: #3E475C; + --c--globals--colors--gray-750: #333B50; + --c--globals--colors--gray-800: #283044; + --c--globals--colors--gray-850: #1E2539; + --c--globals--colors--gray-900: #171B28; + --c--globals--colors--gray-950: #0F1118; + --c--globals--colors--gray-1000: #000000; + --c--globals--colors--info-050: #E9F2F8; + --c--globals--colors--info-100: #D2E5F1; + --c--globals--colors--info-150: #C0D7F0; + --c--globals--colors--info-200: #AEC8F0; + --c--globals--colors--info-250: #9EB9F2; + --c--globals--colors--info-300: #8DABEE; + --c--globals--colors--info-350: #7B9DE9; + --c--globals--colors--info-400: #6E8FDB; + --c--globals--colors--info-450: #6282CD; + --c--globals--colors--info-500: #5575BF; + --c--globals--colors--info-550: #4968B1; + --c--globals--colors--info-600: #3E5CA3; + --c--globals--colors--info-650: #344F97; + --c--globals--colors--info-700: #294389; + --c--globals--colors--info-750: #243972; + --c--globals--colors--info-800: #1D2F5B; + --c--globals--colors--info-850: #1A2744; + --c--globals--colors--info-900: #151D2F; + --c--globals--colors--info-950: #0E131F; + --c--globals--colors--success-050: #E7F1E9; + --c--globals--colors--success-100: #CFE3D3; + --c--globals--colors--success-150: #B9D8C0; + --c--globals--colors--success-200: #A1CEAC; + --c--globals--colors--success-250: #85C496; + --c--globals--colors--success-300: #63BC7F; + --c--globals--colors--success-350: #45B16B; + --c--globals--colors--success-400: #1CA659; + --c--globals--colors--success-450: #00984C; + --c--globals--colors--success-500: #008A3F; + --c--globals--colors--success-550: #007C32; + --c--globals--colors--success-600: #006E24; + --c--globals--colors--success-650: #016016; + --c--globals--colors--success-700: #005305; + --c--globals--colors--success-750: #0D450A; + --c--globals--colors--success-800: #11380E; + --c--globals--colors--success-850: #132A11; + --c--globals--colors--success-900: #101E0F; + --c--globals--colors--success-950: #091209; + --c--globals--colors--warning-050: #F6F0E8; + --c--globals--colors--warning-100: #EDE2D1; + --c--globals--colors--warning-150: #E6D3B8; + --c--globals--colors--warning-200: #E3C39F; + --c--globals--colors--warning-250: #E3B082; + --c--globals--colors--warning-300: #E19E5C; + --c--globals--colors--warning-350: #D98E3F; + --c--globals--colors--warning-400: #CF7D19; + --c--globals--colors--warning-450: #C17000; + --c--globals--colors--warning-500: #B36300; + --c--globals--colors--warning-550: #A45600; + --c--globals--colors--warning-600: #964900; + --c--globals--colors--warning-650: #893C00; + --c--globals--colors--warning-700: #7B2F00; + --c--globals--colors--warning-750: #68270D; + --c--globals--colors--warning-800: #562013; + --c--globals--colors--warning-850: #411D18; + --c--globals--colors--warning-900: #2E1714; + --c--globals--colors--warning-950: #1D0F0D; + --c--globals--colors--error-050: #F9EFEC; + --c--globals--colors--error-100: #F4DFD9; + --c--globals--colors--error-150: #F0CEC6; + --c--globals--colors--error-200: #EEBCB2; + --c--globals--colors--error-250: #EEA99D; + --c--globals--colors--error-300: #EF9487; + --c--globals--colors--error-350: #F37C6E; + --c--globals--colors--error-400: #F65F53; + --c--globals--colors--error-450: #EF443C; + --c--globals--colors--error-500: #E0342E; + --c--globals--colors--error-550: #D0201F; + --c--globals--colors--error-600: #C0000C; + --c--globals--colors--error-650: #AA0000; + --c--globals--colors--error-700: #910C06; + --c--globals--colors--error-750: #731E16; + --c--globals--colors--error-800: #58201A; + --c--globals--colors--error-850: #411D18; + --c--globals--colors--error-900: #2E1714; + --c--globals--colors--error-950: #1D0F0D; + --c--globals--colors--red-050: #F9EFEC; + --c--globals--colors--red-100: #F4DEDA; + --c--globals--colors--red-150: #F0CDC9; + --c--globals--colors--red-200: #EEBBB6; + --c--globals--colors--red-250: #EEA8A2; + --c--globals--colors--red-300: #F0938D; + --c--globals--colors--red-350: #EC7E78; + --c--globals--colors--red-400: #E46D67; + --c--globals--colors--red-450: #D95B58; + --c--globals--colors--red-500: #CA4E4B; + --c--globals--colors--red-550: #BB403F; + --c--globals--colors--red-600: #AC3233; + --c--globals--colors--red-650: #9D2227; + --c--globals--colors--red-700: #882023; + --c--globals--colors--red-750: #721D1B; + --c--globals--colors--red-800: #58201A; + --c--globals--colors--red-850: #401D18; + --c--globals--colors--red-900: #2E1714; + --c--globals--colors--red-950: #1D0F0D; + --c--globals--colors--orange-050: #F8F0E9; + --c--globals--colors--orange-100: #F1E0D3; + --c--globals--colors--orange-150: #ECD0BD; + --c--globals--colors--orange-200: #E9C0A5; + --c--globals--colors--orange-250: #E8AE8A; + --c--globals--colors--orange-300: #EB9870; + --c--globals--colors--orange-350: #EB845A; + --c--globals--colors--orange-400: #E66E37; + --c--globals--colors--orange-450: #DD5B16; + --c--globals--colors--orange-500: #CE4D00; + --c--globals--colors--orange-550: #BF3E00; + --c--globals--colors--orange-600: #B02F00; + --c--globals--colors--orange-650: #A11E00; + --c--globals--colors--orange-700: #8A1E14; + --c--globals--colors--orange-750: #731E16; + --c--globals--colors--orange-800: #58201A; + --c--globals--colors--orange-850: #401D18; + --c--globals--colors--orange-900: #2E1714; + --c--globals--colors--orange-950: #1D0F0D; + --c--globals--colors--brown-050: #F5F0E8; + --c--globals--colors--brown-100: #ECE2D1; + --c--globals--colors--brown-150: #E9D1B9; + --c--globals--colors--brown-200: #E3C19D; + --c--globals--colors--brown-250: #DCB187; + --c--globals--colors--brown-300: #D2A26F; + --c--globals--colors--brown-350: #C49562; + --c--globals--colors--brown-400: #B68855; + --c--globals--colors--brown-450: #A97B48; + --c--globals--colors--brown-500: #9B6E3B; + --c--globals--colors--brown-550: #8E612F; + --c--globals--colors--brown-600: #815521; + --c--globals--colors--brown-650: #744913; + --c--globals--colors--brown-700: #673D00; + --c--globals--colors--brown-750: #5A3100; + --c--globals--colors--brown-800: #4E2600; + --c--globals--colors--brown-850: #3D1F0B; + --c--globals--colors--brown-900: #2C170F; + --c--globals--colors--brown-950: #1C0F0B; + --c--globals--colors--yellow-050: #F3F0E7; + --c--globals--colors--yellow-100: #E9E2CF; + --c--globals--colors--yellow-150: #E0D4B7; + --c--globals--colors--yellow-200: #DAC59A; + --c--globals--colors--yellow-250: #D5B67A; + --c--globals--colors--yellow-300: #D0A559; + --c--globals--colors--yellow-350: #CC9331; + --c--globals--colors--yellow-400: #C48400; + --c--globals--colors--yellow-450: #B77600; + --c--globals--colors--yellow-500: #AA6800; + --c--globals--colors--yellow-550: #9D5A00; + --c--globals--colors--yellow-600: #914D00; + --c--globals--colors--yellow-650: #843F00; + --c--globals--colors--yellow-700: #773200; + --c--globals--colors--yellow-750: #6A2601; + --c--globals--colors--yellow-800: #56210F; + --c--globals--colors--yellow-850: #401D16; + --c--globals--colors--yellow-900: #2E1714; + --c--globals--colors--yellow-950: #1D0F0D; + --c--globals--colors--green-050: #E3F1EF; + --c--globals--colors--green-100: #CAE5E1; + --c--globals--colors--green-150: #B0DBD4; + --c--globals--colors--green-200: #91D1C7; + --c--globals--colors--green-250: #6AC8BC; + --c--globals--colors--green-300: #4DBCAF; + --c--globals--colors--green-350: #3CAFA2; + --c--globals--colors--green-400: #2AA194; + --c--globals--colors--green-450: #109487; + --c--globals--colors--green-500: #00867A; + --c--globals--colors--green-550: #00786D; + --c--globals--colors--green-600: #016A60; + --c--globals--colors--green-650: #015D53; + --c--globals--colors--green-700: #005047; + --c--globals--colors--green-750: #00443B; + --c--globals--colors--green-800: #00382F; + --c--globals--colors--green-850: #002C25; + --c--globals--colors--green-900: #041F1A; + --c--globals--colors--green-950: #041310; + --c--globals--colors--blue1-050: #EAF2F9; + --c--globals--colors--blue1-100: #D4E4F3; + --c--globals--colors--blue1-150: #BFD7F0; + --c--globals--colors--blue1-200: #AAC9EF; + --c--globals--colors--blue1-250: #96BBF1; + --c--globals--colors--blue1-300: #82ACF6; + --c--globals--colors--blue1-350: #709BFE; + --c--globals--colors--blue1-400: #608BFF; + --c--globals--colors--blue1-450: #537BFB; + --c--globals--colors--blue1-500: #476DEC; + --c--globals--colors--blue1-550: #3C60DD; + --c--globals--colors--blue1-600: #3252CF; + --c--globals--colors--blue1-650: #2B48B9; + --c--globals--colors--blue1-700: #28409B; + --c--globals--colors--blue1-750: #24397E; + --c--globals--colors--blue1-800: #223260; + --c--globals--colors--blue1-850: #1F2A48; + --c--globals--colors--blue1-900: #191F32; + --c--globals--colors--blue1-950: #111320; + --c--globals--colors--blue2-050: #E5F2F3; + --c--globals--colors--blue2-100: #CDE6EC; + --c--globals--colors--blue2-150: #B7D9EA; + --c--globals--colors--blue2-200: #9BCDE7; + --c--globals--colors--blue2-250: #84C1E0; + --c--globals--colors--blue2-300: #6BB4D8; + --c--globals--colors--blue2-350: #5CA6CB; + --c--globals--colors--blue2-400: #4D99BC; + --c--globals--colors--blue2-450: #3E8CAE; + --c--globals--colors--blue2-500: #2F7FA2; + --c--globals--colors--blue2-550: #1F7295; + --c--globals--colors--blue2-600: #056688; + --c--globals--colors--blue2-650: #00597B; + --c--globals--colors--blue2-700: #004C6C; + --c--globals--colors--blue2-750: #003F5E; + --c--globals--colors--blue2-800: #003353; + --c--globals--colors--blue2-850: #0C273E; + --c--globals--colors--blue2-900: #0E1C2C; + --c--globals--colors--blue2-950: #0A121C; + --c--globals--colors--purple-050: #EDF1FA; + --c--globals--colors--purple-100: #DCE2F5; + --c--globals--colors--purple-150: #CCD4F1; + --c--globals--colors--purple-200: #BCC4F0; + --c--globals--colors--purple-250: #ADB6F2; + --c--globals--colors--purple-300: #9EA6F6; + --c--globals--colors--purple-350: #8E95FD; + --c--globals--colors--purple-400: #8083FF; + --c--globals--colors--purple-450: #7173FF; + --c--globals--colors--purple-500: #6665F1; + --c--globals--colors--purple-550: #5B57E2; + --c--globals--colors--purple-600: #5049D4; + --c--globals--colors--purple-650: #4641BC; + --c--globals--colors--purple-700: #3D39A2; + --c--globals--colors--purple-750: #363680; + --c--globals--colors--purple-800: #2E3162; + --c--globals--colors--purple-850: #242848; + --c--globals--colors--purple-900: #1C1E32; + --c--globals--colors--purple-950: #121320; + --c--globals--colors--pink-050: #F8EFF4; + --c--globals--colors--pink-100: #F0DEE9; + --c--globals--colors--pink-150: #EBCDDF; + --c--globals--colors--pink-200: #E7BDD6; + --c--globals--colors--pink-250: #E5A9CC; + --c--globals--colors--pink-300: #E695C0; + --c--globals--colors--pink-350: #EA7CAE; + --c--globals--colors--pink-400: #E4659F; + --c--globals--colors--pink-450: #DD4F93; + --c--globals--colors--pink-500: #CD4085; + --c--globals--colors--pink-550: #BE3279; + --c--globals--colors--pink-600: #AE216D; + --c--globals--colors--pink-650: #9B195D; + --c--globals--colors--pink-700: #86164E; + --c--globals--colors--pink-750: #6E1B3D; + --c--globals--colors--pink-800: #551E31; + --c--globals--colors--pink-850: #3F1C24; + --c--globals--colors--pink-900: #2D161A; + --c--globals--colors--pink-950: #1C0E10; + --c--globals--colors--black-000: #191B2200; + --c--globals--colors--black-050: #191B220D; + --c--globals--colors--black-100: #191B221A; + --c--globals--colors--black-150: #191B2226; + --c--globals--colors--black-200: #191B2233; + --c--globals--colors--black-250: #191B2240; + --c--globals--colors--black-300: #191B224D; + --c--globals--colors--black-350: #191B2259; + --c--globals--colors--black-400: #191B2266; + --c--globals--colors--black-450: #191B2273; + --c--globals--colors--black-500: #191B2280; + --c--globals--colors--black-550: #191B228C; + --c--globals--colors--black-600: #191B2299; + --c--globals--colors--black-650: #191B22A6; + --c--globals--colors--black-700: #191B22B2; + --c--globals--colors--black-750: #191B22BF; + --c--globals--colors--black-800: #191B22CC; + --c--globals--colors--black-850: #191B22D9; + --c--globals--colors--black-900: #191B22E5; + --c--globals--colors--black-950: #0F1115F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--font--sizes--xs: 0.75rem; --c--globals--font--sizes--sm: 0.875rem; --c--globals--font--sizes--md: 1rem; @@ -393,24 +2616,18 @@ --c--globals--font--sizes--sm-alt: 3.5rem; --c--globals--font--sizes--xs-alt: 3rem; --c--globals--font--weights--thin: 100; - --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: 800; --c--globals--font--weights--black: 900; - --c--globals--font--families--base: Marianne; - --c--globals--font--families--accent: Marianne; + --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; --c--globals--spacings--0: 0; - --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--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: 0.125rem; - --c--globals--spacings--xxxs: 0.25rem; - --c--globals--spacings--xxs: 0.375rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xs: 0.5rem; --c--globals--spacings--sm: 0.75rem; --c--globals--spacings--base: 1rem; @@ -418,29 +2635,24 @@ --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; + --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--3xl: 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--spacings--none: 0; - --c--globals--spacings--auto: auto; - --c--globals--spacings--bx: 2.2rem; - --c--globals--spacings--full: 100%; - --c--globals--spacings--3xs: 0.25rem; - --c--globals--spacings--2xs: 0.375rem; - --c--globals--breakpoints--xs: 480px; - --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--globals--breakpoints--xxs: 320px; + --c--globals--breakpoints--xs: 480px; --c--globals--breakpoints--mobile: 768px; --c--globals--breakpoints--tablet: 1024px; --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--overlay--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-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--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); @@ -453,8 +2665,6 @@ --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); @@ -517,71 +2727,51 @@ --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--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --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--tertiary: var(--c--globals--colors--brand-550); --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--tertiary: var(--c--globals--colors--gray-550); --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--tertiary: var(--c--globals--colors--info-550); --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--tertiary: var(--c--globals--colors--success-550); --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--tertiary: var(--c--globals--colors--warning-550); --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--tertiary: var(--c--globals--colors--error-550); --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--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --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); @@ -598,42 +2788,9 @@ --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--modal--width-small: 342px; --c--components--tooltip--padding: 4px 8px; - --c--components--tooltip--background-color: var(--c--globals--colors--greyscale-1000); + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); --c--components--button--medium-height: 40px; --c--components--button--medium-text-height: 40px; --c--components--button--border-radius: 4px; @@ -661,343 +2818,340 @@ --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } -.cunningham-theme--dark{ - --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; +.cunningham-theme--anct-dark{ + --c--globals--colors--logo-1: #2845C1; + --c--globals--colors--logo-2: #FBC63A; + --c--globals--colors--logo-1-dark: #94A3E5; + --c--globals--colors--logo-2-dark: #EFD183; + --c--globals--colors--brand-050: #EEF0F9; + --c--globals--colors--brand-100: #DDE2F5; + --c--globals--colors--brand-150: #CBD4F1; + --c--globals--colors--brand-200: #B8C6F0; + --c--globals--colors--brand-250: #A5B7F2; + --c--globals--colors--brand-300: #91A8F7; + --c--globals--colors--brand-350: #7C98FE; + --c--globals--colors--brand-400: #6A89FF; + --c--globals--colors--brand-450: #5A7AFB; + --c--globals--colors--brand-500: #4B6BF0; + --c--globals--colors--brand-550: #3E5CE7; + --c--globals--colors--brand-600: #3352D5; + --c--globals--colors--brand-650: #2A47C0; + --c--globals--colors--brand-700: #2340A3; + --c--globals--colors--brand-750: #223A7F; + --c--globals--colors--brand-800: #1F325F; + --c--globals--colors--brand-850: #1B2845; + --c--globals--colors--brand-900: #151E30; + --c--globals--colors--brand-950: #0D121D; --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-025: #F6F8FA; + --c--globals--colors--gray-050: #ECF1F7; + --c--globals--colors--gray-100: #DDE3F3; + --c--globals--colors--gray-150: #CCD4EA; + --c--globals--colors--gray-200: #BCC7E0; + --c--globals--colors--gray-250: #AEB9D2; + --c--globals--colors--gray-300: #A1ABC4; + --c--globals--colors--gray-350: #949EB6; + --c--globals--colors--gray-400: #8791A9; + --c--globals--colors--gray-450: #7A849B; + --c--globals--colors--gray-500: #6D778E; + --c--globals--colors--gray-550: #616A81; + --c--globals--colors--gray-600: #555E75; + --c--globals--colors--gray-650: #495268; + --c--globals--colors--gray-700: #3E475C; + --c--globals--colors--gray-750: #333B50; + --c--globals--colors--gray-800: #283044; + --c--globals--colors--gray-850: #1E2539; + --c--globals--colors--gray-900: #171B28; + --c--globals--colors--gray-950: #0F1118; --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--colors--info-050: #E9F2F8; + --c--globals--colors--info-100: #D2E5F1; + --c--globals--colors--info-150: #C0D7F0; + --c--globals--colors--info-200: #AEC8F0; + --c--globals--colors--info-250: #9EB9F2; + --c--globals--colors--info-300: #8DABEE; + --c--globals--colors--info-350: #7B9DE9; + --c--globals--colors--info-400: #6E8FDB; + --c--globals--colors--info-450: #6282CD; + --c--globals--colors--info-500: #5575BF; + --c--globals--colors--info-550: #4968B1; + --c--globals--colors--info-600: #3E5CA3; + --c--globals--colors--info-650: #344F97; + --c--globals--colors--info-700: #294389; + --c--globals--colors--info-750: #243972; + --c--globals--colors--info-800: #1D2F5B; + --c--globals--colors--info-850: #1A2744; + --c--globals--colors--info-900: #151D2F; + --c--globals--colors--info-950: #0E131F; + --c--globals--colors--success-050: #E7F1E9; + --c--globals--colors--success-100: #CFE3D3; + --c--globals--colors--success-150: #B9D8C0; + --c--globals--colors--success-200: #A1CEAC; + --c--globals--colors--success-250: #85C496; + --c--globals--colors--success-300: #63BC7F; + --c--globals--colors--success-350: #45B16B; + --c--globals--colors--success-400: #1CA659; + --c--globals--colors--success-450: #00984C; + --c--globals--colors--success-500: #008A3F; + --c--globals--colors--success-550: #007C32; + --c--globals--colors--success-600: #006E24; + --c--globals--colors--success-650: #016016; + --c--globals--colors--success-700: #005305; + --c--globals--colors--success-750: #0D450A; + --c--globals--colors--success-800: #11380E; + --c--globals--colors--success-850: #132A11; + --c--globals--colors--success-900: #101E0F; + --c--globals--colors--success-950: #091209; + --c--globals--colors--warning-050: #F6F0E8; + --c--globals--colors--warning-100: #EDE2D1; + --c--globals--colors--warning-150: #E6D3B8; + --c--globals--colors--warning-200: #E3C39F; + --c--globals--colors--warning-250: #E3B082; + --c--globals--colors--warning-300: #E19E5C; + --c--globals--colors--warning-350: #D98E3F; + --c--globals--colors--warning-400: #CF7D19; + --c--globals--colors--warning-450: #C17000; + --c--globals--colors--warning-500: #B36300; + --c--globals--colors--warning-550: #A45600; + --c--globals--colors--warning-600: #964900; + --c--globals--colors--warning-650: #893C00; + --c--globals--colors--warning-700: #7B2F00; + --c--globals--colors--warning-750: #68270D; + --c--globals--colors--warning-800: #562013; + --c--globals--colors--warning-850: #411D18; + --c--globals--colors--warning-900: #2E1714; + --c--globals--colors--warning-950: #1D0F0D; + --c--globals--colors--error-050: #F9EFEC; + --c--globals--colors--error-100: #F4DFD9; + --c--globals--colors--error-150: #F0CEC6; + --c--globals--colors--error-200: #EEBCB2; + --c--globals--colors--error-250: #EEA99D; + --c--globals--colors--error-300: #EF9487; + --c--globals--colors--error-350: #F37C6E; + --c--globals--colors--error-400: #F65F53; + --c--globals--colors--error-450: #EF443C; + --c--globals--colors--error-500: #E0342E; + --c--globals--colors--error-550: #D0201F; + --c--globals--colors--error-600: #C0000C; + --c--globals--colors--error-650: #AA0000; + --c--globals--colors--error-700: #910C06; + --c--globals--colors--error-750: #731E16; + --c--globals--colors--error-800: #58201A; + --c--globals--colors--error-850: #411D18; + --c--globals--colors--error-900: #2E1714; + --c--globals--colors--error-950: #1D0F0D; + --c--globals--colors--red-050: #F9EFEC; + --c--globals--colors--red-100: #F4DEDA; + --c--globals--colors--red-150: #F0CDC9; + --c--globals--colors--red-200: #EEBBB6; + --c--globals--colors--red-250: #EEA8A2; + --c--globals--colors--red-300: #F0938D; + --c--globals--colors--red-350: #EC7E78; + --c--globals--colors--red-400: #E46D67; + --c--globals--colors--red-450: #D95B58; + --c--globals--colors--red-500: #CA4E4B; + --c--globals--colors--red-550: #BB403F; + --c--globals--colors--red-600: #AC3233; + --c--globals--colors--red-650: #9D2227; + --c--globals--colors--red-700: #882023; + --c--globals--colors--red-750: #721D1B; + --c--globals--colors--red-800: #58201A; + --c--globals--colors--red-850: #401D18; + --c--globals--colors--red-900: #2E1714; + --c--globals--colors--red-950: #1D0F0D; + --c--globals--colors--orange-050: #F8F0E9; + --c--globals--colors--orange-100: #F1E0D3; + --c--globals--colors--orange-150: #ECD0BD; + --c--globals--colors--orange-200: #E9C0A5; + --c--globals--colors--orange-250: #E8AE8A; + --c--globals--colors--orange-300: #EB9870; + --c--globals--colors--orange-350: #EB845A; + --c--globals--colors--orange-400: #E66E37; + --c--globals--colors--orange-450: #DD5B16; + --c--globals--colors--orange-500: #CE4D00; + --c--globals--colors--orange-550: #BF3E00; + --c--globals--colors--orange-600: #B02F00; + --c--globals--colors--orange-650: #A11E00; + --c--globals--colors--orange-700: #8A1E14; + --c--globals--colors--orange-750: #731E16; + --c--globals--colors--orange-800: #58201A; + --c--globals--colors--orange-850: #401D18; + --c--globals--colors--orange-900: #2E1714; + --c--globals--colors--orange-950: #1D0F0D; + --c--globals--colors--brown-050: #F5F0E8; + --c--globals--colors--brown-100: #ECE2D1; + --c--globals--colors--brown-150: #E9D1B9; + --c--globals--colors--brown-200: #E3C19D; + --c--globals--colors--brown-250: #DCB187; + --c--globals--colors--brown-300: #D2A26F; + --c--globals--colors--brown-350: #C49562; + --c--globals--colors--brown-400: #B68855; + --c--globals--colors--brown-450: #A97B48; + --c--globals--colors--brown-500: #9B6E3B; + --c--globals--colors--brown-550: #8E612F; + --c--globals--colors--brown-600: #815521; + --c--globals--colors--brown-650: #744913; + --c--globals--colors--brown-700: #673D00; + --c--globals--colors--brown-750: #5A3100; + --c--globals--colors--brown-800: #4E2600; + --c--globals--colors--brown-850: #3D1F0B; + --c--globals--colors--brown-900: #2C170F; + --c--globals--colors--brown-950: #1C0F0B; + --c--globals--colors--yellow-050: #F3F0E7; + --c--globals--colors--yellow-100: #E9E2CF; + --c--globals--colors--yellow-150: #E0D4B7; + --c--globals--colors--yellow-200: #DAC59A; + --c--globals--colors--yellow-250: #D5B67A; + --c--globals--colors--yellow-300: #D0A559; + --c--globals--colors--yellow-350: #CC9331; + --c--globals--colors--yellow-400: #C48400; + --c--globals--colors--yellow-450: #B77600; + --c--globals--colors--yellow-500: #AA6800; + --c--globals--colors--yellow-550: #9D5A00; + --c--globals--colors--yellow-600: #914D00; + --c--globals--colors--yellow-650: #843F00; + --c--globals--colors--yellow-700: #773200; + --c--globals--colors--yellow-750: #6A2601; + --c--globals--colors--yellow-800: #56210F; + --c--globals--colors--yellow-850: #401D16; + --c--globals--colors--yellow-900: #2E1714; + --c--globals--colors--yellow-950: #1D0F0D; + --c--globals--colors--green-050: #E3F1EF; + --c--globals--colors--green-100: #CAE5E1; + --c--globals--colors--green-150: #B0DBD4; + --c--globals--colors--green-200: #91D1C7; + --c--globals--colors--green-250: #6AC8BC; + --c--globals--colors--green-300: #4DBCAF; + --c--globals--colors--green-350: #3CAFA2; + --c--globals--colors--green-400: #2AA194; + --c--globals--colors--green-450: #109487; + --c--globals--colors--green-500: #00867A; + --c--globals--colors--green-550: #00786D; + --c--globals--colors--green-600: #016A60; + --c--globals--colors--green-650: #015D53; + --c--globals--colors--green-700: #005047; + --c--globals--colors--green-750: #00443B; + --c--globals--colors--green-800: #00382F; + --c--globals--colors--green-850: #002C25; + --c--globals--colors--green-900: #041F1A; + --c--globals--colors--green-950: #041310; + --c--globals--colors--blue1-050: #EAF2F9; + --c--globals--colors--blue1-100: #D4E4F3; + --c--globals--colors--blue1-150: #BFD7F0; + --c--globals--colors--blue1-200: #AAC9EF; + --c--globals--colors--blue1-250: #96BBF1; + --c--globals--colors--blue1-300: #82ACF6; + --c--globals--colors--blue1-350: #709BFE; + --c--globals--colors--blue1-400: #608BFF; + --c--globals--colors--blue1-450: #537BFB; + --c--globals--colors--blue1-500: #476DEC; + --c--globals--colors--blue1-550: #3C60DD; + --c--globals--colors--blue1-600: #3252CF; + --c--globals--colors--blue1-650: #2B48B9; + --c--globals--colors--blue1-700: #28409B; + --c--globals--colors--blue1-750: #24397E; + --c--globals--colors--blue1-800: #223260; + --c--globals--colors--blue1-850: #1F2A48; + --c--globals--colors--blue1-900: #191F32; + --c--globals--colors--blue1-950: #111320; + --c--globals--colors--blue2-050: #E5F2F3; + --c--globals--colors--blue2-100: #CDE6EC; + --c--globals--colors--blue2-150: #B7D9EA; + --c--globals--colors--blue2-200: #9BCDE7; + --c--globals--colors--blue2-250: #84C1E0; + --c--globals--colors--blue2-300: #6BB4D8; + --c--globals--colors--blue2-350: #5CA6CB; + --c--globals--colors--blue2-400: #4D99BC; + --c--globals--colors--blue2-450: #3E8CAE; + --c--globals--colors--blue2-500: #2F7FA2; + --c--globals--colors--blue2-550: #1F7295; + --c--globals--colors--blue2-600: #056688; + --c--globals--colors--blue2-650: #00597B; + --c--globals--colors--blue2-700: #004C6C; + --c--globals--colors--blue2-750: #003F5E; + --c--globals--colors--blue2-800: #003353; + --c--globals--colors--blue2-850: #0C273E; + --c--globals--colors--blue2-900: #0E1C2C; + --c--globals--colors--blue2-950: #0A121C; + --c--globals--colors--purple-050: #EDF1FA; + --c--globals--colors--purple-100: #DCE2F5; + --c--globals--colors--purple-150: #CCD4F1; + --c--globals--colors--purple-200: #BCC4F0; + --c--globals--colors--purple-250: #ADB6F2; + --c--globals--colors--purple-300: #9EA6F6; + --c--globals--colors--purple-350: #8E95FD; + --c--globals--colors--purple-400: #8083FF; + --c--globals--colors--purple-450: #7173FF; + --c--globals--colors--purple-500: #6665F1; + --c--globals--colors--purple-550: #5B57E2; + --c--globals--colors--purple-600: #5049D4; + --c--globals--colors--purple-650: #4641BC; + --c--globals--colors--purple-700: #3D39A2; + --c--globals--colors--purple-750: #363680; + --c--globals--colors--purple-800: #2E3162; + --c--globals--colors--purple-850: #242848; + --c--globals--colors--purple-900: #1C1E32; + --c--globals--colors--purple-950: #121320; + --c--globals--colors--pink-050: #F8EFF4; + --c--globals--colors--pink-100: #F0DEE9; + --c--globals--colors--pink-150: #EBCDDF; + --c--globals--colors--pink-200: #E7BDD6; + --c--globals--colors--pink-250: #E5A9CC; + --c--globals--colors--pink-300: #E695C0; + --c--globals--colors--pink-350: #EA7CAE; + --c--globals--colors--pink-400: #E4659F; + --c--globals--colors--pink-450: #DD4F93; + --c--globals--colors--pink-500: #CD4085; + --c--globals--colors--pink-550: #BE3279; + --c--globals--colors--pink-600: #AE216D; + --c--globals--colors--pink-650: #9B195D; + --c--globals--colors--pink-700: #86164E; + --c--globals--colors--pink-750: #6E1B3D; + --c--globals--colors--pink-800: #551E31; + --c--globals--colors--pink-850: #3F1C24; + --c--globals--colors--pink-900: #2D161A; + --c--globals--colors--pink-950: #1C0E10; + --c--globals--colors--black-000: #191B2200; + --c--globals--colors--black-050: #191B220D; + --c--globals--colors--black-100: #191B221A; + --c--globals--colors--black-150: #191B2226; + --c--globals--colors--black-200: #191B2233; + --c--globals--colors--black-250: #191B2240; + --c--globals--colors--black-300: #191B224D; + --c--globals--colors--black-350: #191B2259; + --c--globals--colors--black-400: #191B2266; + --c--globals--colors--black-450: #191B2273; + --c--globals--colors--black-500: #191B2280; + --c--globals--colors--black-550: #191B228C; + --c--globals--colors--black-600: #191B2299; + --c--globals--colors--black-650: #191B22A6; + --c--globals--colors--black-700: #191B22B2; + --c--globals--colors--black-750: #191B22BF; + --c--globals--colors--black-800: #191B22CC; + --c--globals--colors--black-850: #191B22D9; + --c--globals--colors--black-900: #191B22E5; + --c--globals--colors--black-950: #0F1115F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--font--sizes--xs: 0.75rem; --c--globals--font--sizes--sm: 0.875rem; --c--globals--font--sizes--md: 1rem; @@ -1017,24 +3171,19 @@ --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--font--weights--thin: 100; + --c--globals--font--weights--extrabold: 800; + --c--globals--font--weights--black: 900; + --c--globals--font--families--accent: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--font--families--base: Marianne, Inter, Roboto Flex Variable, sans-serif; + --c--globals--spacings--0: 0; + --c--globals--spacings--none: 0; + --c--globals--spacings--auto: auto; + --c--globals--spacings--bx: 2.2rem; + --c--globals--spacings--full: 100%; --c--globals--spacings--4xs: 0.125rem; - --c--globals--spacings--xxxs: 0.25rem; - --c--globals--spacings--xxs: 0.375rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xs: 0.5rem; --c--globals--spacings--sm: 0.75rem; --c--globals--spacings--base: 1rem; @@ -1042,20 +3191,24 @@ --c--globals--spacings--lg: 2rem; --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; + --c--globals--spacings--2xl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--3xl: 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--globals--breakpoints--xxs: 320px; + --c--globals--breakpoints--xs: 480px; + --c--globals--breakpoints--mobile: 768px; + --c--globals--breakpoints--tablet: 1024px; --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--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--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --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); @@ -1068,8 +3221,6 @@ --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); @@ -1131,6 +3282,8 @@ --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--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --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); @@ -1139,7 +3292,6 @@ --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); @@ -1158,44 +3310,23 @@ --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--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --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); @@ -1212,37 +3343,33 @@ --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); + --c--components--modal--width-small: 342px; + --c--components--tooltip--padding: 4px 8px; + --c--components--tooltip--background-color: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--button--medium-height: 40px; + --c--components--button--medium-text-height: 40px; + --c--components--button--border-radius: 4px; + --c--components--button--border-radius--active: 4px; + --c--components--button--border-radius--focus: 4px; + --c--components--datagrid--header--color: var(--c--contextuals--content--semantic--neutral--primary); + --c--components--datagrid--header--size: 12px; + --c--components--datagrid--header--weight: 500; + --c--components--datagrid--body--background-color-hover: var(--c--contextuals--background--semantic--neutral--tertiary); + --c--components--forms-checkbox--font-size: var(--c--globals--font--sizes--sm); + --c--components--badge--font-size: var(--c--globals--font--sizes--xs); + --c--components--badge--border-radius: 12px; + --c--components--badge--padding-inline: var(--c--globals--spacings--xs); + --c--components--badge--padding-block: var(--c--globals--spacings--2xs); + --c--components--badge--accent--background-color: var(--c--contextuals--background--semantic--brand--secondary); + --c--components--badge--accent--color: var(--c--contextuals--content--semantic--brand--secondary); + --c--components--badge--neutral--background-color: var(--c--contextuals--background--semantic--neutral--secondary); + --c--components--badge--neutral--color: var(--c--contextuals--content--semantic--neutral--secondary); + --c--components--badge--danger--background-color: var(--c--contextuals--background--semantic--error--secondary); + --c--components--badge--danger--color: var(--c--contextuals--content--semantic--error--secondary); + --c--components--badge--success--background-color: var(--c--contextuals--background--semantic--success--secondary); + --c--components--badge--success--color: var(--c--contextuals--content--semantic--success--secondary); + --c--components--badge--warning--background-color: var(--c--contextuals--background--semantic--warning--secondary); + --c--components--badge--warning--color: var(--c--contextuals--content--semantic--warning--secondary); + --c--components--badge--info--background-color: var(--c--contextuals--background--semantic--info--secondary); + --c--components--badge--info--color: var(--c--contextuals--content--semantic--info--secondary); } diff --git a/src/cunningham-tokens.ts b/src/cunningham-tokens.ts new file mode 100644 index 0000000..123ad3a --- /dev/null +++ b/src/cunningham-tokens.ts @@ -0,0 +1 @@ +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#4747A3","logo-2":"#4747A3","logo-1-dark":"#C5C5F0","logo-2-dark":"#C1C1FF","brand-050":"#EFEFFF","brand-100":"#E0E0FF","brand-150":"#D0D0FF","brand-200":"#C1C1FF","brand-250":"#B2B2FF","brand-300":"#A2A2FF","brand-350":"#9393FB","brand-400":"#8484F7","brand-450":"#7575F2","brand-500":"#6969DF","brand-550":"#5C5CD3","brand-600":"#5151BB","brand-650":"#4747A3","brand-700":"#3D3D8C","brand-750":"#34356E","brand-800":"#2C2D54","brand-850":"#23253C","brand-900":"#1A1B28","brand-950":"#111117","gray-000":"#FFFFFF","gray-025":"#F8F8FA","gray-050":"#F0F0F3","gray-100":"#E2E2EA","gray-150":"#D3D4E0","gray-200":"#C5C6D5","gray-250":"#B7B7CB","gray-300":"#A9A9BF","gray-350":"#9C9CB2","gray-400":"#8F8FA4","gray-450":"#828297","gray-500":"#75758A","gray-550":"#69697D","gray-600":"#5D5D70","gray-650":"#515164","gray-700":"#454558","gray-750":"#3A3A4C","gray-800":"#2F2F40","gray-850":"#252435","gray-900":"#1A1A2A","gray-950":"#101019","gray-1000":"#000000","info-050":"#E7F2FE","info-100":"#CEE5FD","info-150":"#B5D8FC","info-200":"#9CCBFA","info-250":"#83BDF9","info-300":"#69B0F8","info-350":"#4FA2F7","info-400":"#3393F5","info-450":"#1583F4","info-500":"#0074EB","info-550":"#0068D2","info-600":"#005CBB","info-650":"#0051A3","info-700":"#114785","info-750":"#173D6A","info-800":"#183251","info-850":"#16273B","info-900":"#121D28","info-950":"#0C1217","success-050":"#E8F3EC","success-100":"#D1E8DA","success-150":"#BBDCC8","success-200":"#A4D0B4","success-250":"#8DC5A3","success-300":"#76B990","success-350":"#5FAE7D","success-400":"#48A26A","success-450":"#309556","success-500":"#1E8847","success-550":"#1B7A3F","success-600":"#186C38","success-650":"#155F31","success-700":"#1C502D","success-750":"#1E4229","success-800":"#1C3524","success-850":"#19291E","success-900":"#141D17","success-950":"#0D110E","warning-050":"#FBEEE7","warning-100":"#F7DDCF","warning-150":"#F3CDB7","warning-200":"#EFBC9E","warning-250":"#EBAA86","warning-300":"#E7986C","warning-350":"#E38652","warning-400":"#DF7336","warning-450":"#DA5E18","warning-500":"#D04B00","warning-550":"#BB4300","warning-600":"#A63C00","warning-650":"#913400","warning-700":"#783211","warning-750":"#602E17","warning-800":"#4C2818","warning-850":"#382116","warning-900":"#261912","warning-950":"#16100C","error-050":"#FEEDEC","error-100":"#FEDAD9","error-150":"#FDC7C6","error-200":"#FCB4B2","error-250":"#FCA09E","error-300":"#FB8B88","error-350":"#FA7470","error-400":"#F95A55","error-450":"#F83832","error-500":"#EF0700","error-550":"#D70600","error-600":"#BF0500","error-650":"#A90500","error-700":"#8B1B11","error-750":"#712017","error-800":"#582018","error-850":"#421C16","error-900":"#2E1713","error-950":"#1C0F0D","red-050":"#FCEDEE","red-100":"#FADBDD","red-150":"#F8C9CC","red-200":"#F5B6BA","red-250":"#F3A3A8","red-300":"#F18F96","red-350":"#EF7A82","red-400":"#EC646D","red-450":"#E94A55","red-500":"#E52835","red-550":"#E1000F","red-600":"#C0000C","red-650":"#A9000B","red-700":"#930009","red-750":"#7D0007","red-800":"#680006","red-850":"#540005","red-900":"#410003","red-950":"#2C0002","orange-050":"#FBEEE8","orange-100":"#F8DDD1","orange-150":"#F4CCBA","orange-200":"#F0BBA3","orange-250":"#ECA98B","orange-300":"#E99774","orange-350":"#E58459","orange-400":"#E4794A","orange-450":"#C86A40","orange-500":"#B65F3A","orange-550":"#A25533","orange-600":"#904B2E","orange-650":"#7E4228","orange-700":"#6C3922","orange-750":"#5B2F1C","orange-800":"#4A2717","orange-850":"#3B1E12","orange-900":"#2A160D","orange-950":"#1A0E08","brown-050":"#F5F0EB","brown-100":"#EBE0D7","brown-150":"#E2D1C5","brown-200":"#D8C2B1","brown-250":"#CEB39E","brown-300":"#C6A58C","brown-350":"#BB9679","brown-400":"#AC8A6F","brown-450":"#9C7D64","brown-500":"#8D725B","brown-550":"#7E6551","brown-600":"#6F5A48","brown-650":"#614F3F","brown-700":"#544336","brown-750":"#46392D","brown-800":"#392E24","brown-850":"#2D241D","brown-900":"#211A15","brown-950":"#14100D","yellow-050":"#F6F0E1","yellow-100":"#EEE1C2","yellow-150":"#E5D3A4","yellow-200":"#DCC485","yellow-250":"#D3B567","yellow-300":"#CBA748","yellow-350":"#C3992A","yellow-400":"#B28B25","yellow-450":"#A27E21","yellow-500":"#92721F","yellow-550":"#83661B","yellow-600":"#745B18","yellow-650":"#664F15","yellow-700":"#574412","yellow-750":"#48390F","yellow-800":"#3B2E0B","yellow-850":"#2E2409","yellow-900":"#221A06","yellow-950":"#151004","green-050":"#E2F4EC","green-100":"#C6EADB","green-150":"#A9E0C9","green-200":"#89D6B5","green-250":"#69CBA1","green-300":"#46BF8B","green-350":"#22B374","green-400":"#00A95F","green-450":"#009755","green-500":"#00894D","green-550":"#007A44","green-600":"#006D3D","green-650":"#005F35","green-700":"#00522E","green-750":"#004526","green-800":"#00381F","green-850":"#002C18","green-900":"#002112","green-950":"#00140A","blue1-050":"#ECF1F8","blue1-100":"#D7E3F1","blue1-150":"#C3D6EC","blue1-200":"#B0C9E5","blue1-250":"#9DBBE0","blue1-300":"#8AAED9","blue1-350":"#76A1D3","blue1-400":"#6193CD","blue1-450":"#4E86C7","blue1-500":"#417DC4","blue1-550":"#376CAA","blue1-600":"#316097","blue1-650":"#2B5484","blue1-700":"#254872","blue1-750":"#1F3C5F","blue1-800":"#19314E","blue1-850":"#14263D","blue1-900":"#0E1C2C","blue1-950":"#09111B","blue-2-050":"#E6F3F4","blue-2-100":"#CBE8E9","blue-2-150":"#B2DCDE","blue-2-200":"#96D0D4","blue-2-250":"#7AC4C9","blue-2-300":"#5EB8BE","blue-2-350":"#44ACB3","blue-2-400":"#269FA7","blue-2-450":"#05929B","blue-2-500":"#009099","blue-2-550":"#00767C","blue-2-600":"#00696F","blue-2-650":"#005C61","blue-2-700":"#004F53","blue-2-750":"#004246","blue-2-800":"#003639","blue-2-850":"#002B2D","blue-2-900":"#001F21","blue-2-950":"#001415","purple-050":"#F5EEF5","purple-100":"#ECDEEC","purple-150":"#E4CDE3","purple-200":"#DBBDD9","purple-250":"#D3ADD0","purple-300":"#CA9DC7","purple-350":"#C18DBE","purple-400":"#B87DB4","purple-450":"#B06CAB","purple-500":"#8F58A5","purple-550":"#975093","purple-600":"#864783","purple-650":"#743E72","purple-700":"#643662","purple-750":"#542D52","purple-800":"#442443","purple-850":"#351C34","purple-900":"#271526","purple-950":"#180C18","pink-050":"#FAEEEA","pink-100":"#F5DDD6","pink-150":"#F1CCC3","pink-200":"#EDBBAF","pink-250":"#E8AA9B","pink-300":"#E39886","pink-350":"#E18B76","pink-400":"#CA7C69","pink-450":"#B86088","pink-500":"#A66657","pink-550":"#955B4D","pink-600":"#845044","pink-650":"#73473C","pink-700":"#633D34","pink-750":"#53322B","pink-800":"#452923","pink-850":"#36201C","pink-900":"#271713","pink-950":"#190E0C","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":"#000000B2","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E5","black-950":"#000000F2","white-000":"#FFFFFF00","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":"#FFFFFFB2","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE5","white-950":"#FFFFFFF2","white-975":"#FFFFFFF9"},"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":100,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":800,"black":900},"families":{"base":"Hanken Grotesk, sans-serif","accent":"Hanken Grotesk, sans-serif"}},"spacings":{"0":"0","l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","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","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem","none":"0","auto":"auto","bx":"2.2rem","full":"100%"},"breakpoints":{"xs":"480px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px","xxs":"320px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F8F8FA"},"semantic":{"overlay":{"primary":"#0000000D","primary-hover":"#0000001A"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#E0E0FF","secondary-hover":"#D0D0FF","tertiary":"#EFEFFF","tertiary-hover":"#E0E0FF"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#E2E2EA","secondary-hover":"#D3D4E0","tertiary":"#F0F0F3","tertiary-hover":"#E2E2EA"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#CEE5FD","secondary-hover":"#B5D8FC","tertiary":"#E7F2FE","tertiary-hover":"#CEE5FD"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#D1E8DA","secondary-hover":"#BBDCC8","tertiary":"#E8F3EC","tertiary-hover":"#D1E8DA"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#F7DDCF","secondary-hover":"#F3CDB7","tertiary":"#FBEEE7","tertiary-hover":"#F7DDCF"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#FEDAD9","secondary-hover":"#FDC7C6","tertiary":"#FEEDEC","tertiary-hover":"#FEDAD9"},"disabled":{"primary":"#E2E2EA","secondary":"#F0F0F3"}},"palette":{"brand":{"primary":"#6969DF","secondary":"#9393FB","tertiary":"#D0D0FF"},"red":{"primary":"#E52835","secondary":"#EF7A82","tertiary":"#F8C9CC"},"orange":{"primary":"#B65F3A","secondary":"#E58459","tertiary":"#F4CCBA"},"brown":{"primary":"#8D725B","secondary":"#BB9679","tertiary":"#E2D1C5"},"yellow":{"primary":"#92721F","secondary":"#C3992A","tertiary":"#E5D3A4"},"green":{"primary":"#00894D","secondary":"#22B374","tertiary":"#A9E0C9"},"blue-1":{},"blue-2":{"primary":"#009099","secondary":"#44ACB3","tertiary":"#B2DCDE"},"purple":{"primary":"#8F58A5","secondary":"#C18DBE","tertiary":"#E4CDE3"},"pink":{"primary":"#A66657","secondary":"#E18B76","tertiary":"#F1CCC3"},"gray":{"primary":"#75758A","secondary":"#9C9CB2","tertiary":"#D3D4E0"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#4747A3","logo2":"#4747A3","semantic":{"contextual":{"primary":"#FFFFFFF2"},"overlay":{"primary":"#FFFFFFF2"},"brand":{"primary":"#3D3D8C","secondary":"#5151BB","tertiary":"#5C5CD3","on-brand":"#EFEFFF"},"neutral":{"primary":"#252435","secondary":"#5D5D70","tertiary":"#69697D","on-neutral":"#F0F0F3"},"info":{"primary":"#114785","secondary":"#005CBB","tertiary":"#0068D2","on-info":"#E7F2FE"},"success":{"primary":"#1C502D","secondary":"#186C38","tertiary":"#1B7A3F","on-success":"#E8F3EC"},"warning":{"primary":"#783211","secondary":"#A63C00","tertiary":"#BB4300","on-warning":"#FBEEE7"},"error":{"primary":"#8B1B11","secondary":"#BF0500","tertiary":"#D70600","on-error":"#FEEDEC"},"disabled":{"primary":"#A9A9BF","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#E2E2EA"},"semantic":{"contextual":{"primary":"#FFFFFF33"},"overlay":{"primary":"#FFFFFF33"},"brand":{"primary":"#5C5CD3","secondary":"#A2A2FF","tertiary":"#D0D0FF"},"neutral":{"primary":"#69697D","secondary":"#A9A9BF","tertiary":"#D3D4E0"},"info":{"primary":"#0068D2","secondary":"#69B0F8","tertiary":"#B5D8FC"},"success":{"primary":"#1B7A3F","secondary":"#76B990","tertiary":"#BBDCC8"},"warning":{"primary":"#BB4300","secondary":"#E7986C","tertiary":"#F3CDB7"},"error":{"primary":"#D70600","secondary":"#FB8B88","tertiary":"#FDC7C6"},"disabled":{"primary":"#E2E2EA"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}},"dark":{"globals":{"colors":{"logo-1":"#4747A3","logo-2":"#4747A3","logo-1-dark":"#C5C5F0","logo-2-dark":"#C1C1FF","brand-050":"#EFEFFF","brand-100":"#E0E0FF","brand-150":"#D0D0FF","brand-200":"#C1C1FF","brand-250":"#B2B2FF","brand-300":"#A2A2FF","brand-350":"#9393FB","brand-400":"#8484F7","brand-450":"#7575F2","brand-500":"#6969DF","brand-550":"#5C5CD3","brand-600":"#5151BB","brand-650":"#4747A3","brand-700":"#3D3D8C","brand-750":"#34356E","brand-800":"#2C2D54","brand-850":"#23253C","brand-900":"#1A1B28","brand-950":"#111117","gray-000":"#FFFFFF","gray-025":"#F8F8FA","gray-050":"#F0F0F3","gray-100":"#E2E2EA","gray-150":"#D3D4E0","gray-200":"#C5C6D5","gray-250":"#B7B7CB","gray-300":"#A9A9BF","gray-350":"#9C9CB2","gray-400":"#8F8FA4","gray-450":"#828297","gray-500":"#75758A","gray-550":"#69697D","gray-600":"#5D5D70","gray-650":"#515164","gray-700":"#454558","gray-750":"#3A3A4C","gray-800":"#2F2F40","gray-850":"#252435","gray-900":"#1A1A2A","gray-950":"#101019","gray-1000":"#000000","info-050":"#E7F2FE","info-100":"#CEE5FD","info-150":"#B5D8FC","info-200":"#9CCBFA","info-250":"#83BDF9","info-300":"#69B0F8","info-350":"#4FA2F7","info-400":"#3393F5","info-450":"#1583F4","info-500":"#0074EB","info-550":"#0068D2","info-600":"#005CBB","info-650":"#0051A3","info-700":"#114785","info-750":"#173D6A","info-800":"#183251","info-850":"#16273B","info-900":"#121D28","info-950":"#0C1217","success-050":"#E8F3EC","success-100":"#D1E8DA","success-150":"#BBDCC8","success-200":"#A4D0B4","success-250":"#8DC5A3","success-300":"#76B990","success-350":"#5FAE7D","success-400":"#48A26A","success-450":"#309556","success-500":"#1E8847","success-550":"#1B7A3F","success-600":"#186C38","success-650":"#155F31","success-700":"#1C502D","success-750":"#1E4229","success-800":"#1C3524","success-850":"#19291E","success-900":"#141D17","success-950":"#0D110E","warning-050":"#FBEEE7","warning-100":"#F7DDCF","warning-150":"#F3CDB7","warning-200":"#EFBC9E","warning-250":"#EBAA86","warning-300":"#E7986C","warning-350":"#E38652","warning-400":"#DF7336","warning-450":"#DA5E18","warning-500":"#D04B00","warning-550":"#BB4300","warning-600":"#A63C00","warning-650":"#913400","warning-700":"#783211","warning-750":"#602E17","warning-800":"#4C2818","warning-850":"#382116","warning-900":"#261912","warning-950":"#16100C","error-050":"#FEEDEC","error-100":"#FEDAD9","error-150":"#FDC7C6","error-200":"#FCB4B2","error-250":"#FCA09E","error-300":"#FB8B88","error-350":"#FA7470","error-400":"#F95A55","error-450":"#F83832","error-500":"#EF0700","error-550":"#D70600","error-600":"#BF0500","error-650":"#A90500","error-700":"#8B1B11","error-750":"#712017","error-800":"#582018","error-850":"#421C16","error-900":"#2E1713","error-950":"#1C0F0D","red-050":"#FCEDEE","red-100":"#FADBDD","red-150":"#F8C9CC","red-200":"#F5B6BA","red-250":"#F3A3A8","red-300":"#F18F96","red-350":"#EF7A82","red-400":"#EC646D","red-450":"#E94A55","red-500":"#E52835","red-550":"#E1000F","red-600":"#C0000C","red-650":"#A9000B","red-700":"#930009","red-750":"#7D0007","red-800":"#680006","red-850":"#540005","red-900":"#410003","red-950":"#2C0002","orange-050":"#FBEEE8","orange-100":"#F8DDD1","orange-150":"#F4CCBA","orange-200":"#F0BBA3","orange-250":"#ECA98B","orange-300":"#E99774","orange-350":"#E58459","orange-400":"#E4794A","orange-450":"#C86A40","orange-500":"#B65F3A","orange-550":"#A25533","orange-600":"#904B2E","orange-650":"#7E4228","orange-700":"#6C3922","orange-750":"#5B2F1C","orange-800":"#4A2717","orange-850":"#3B1E12","orange-900":"#2A160D","orange-950":"#1A0E08","brown-050":"#F5F0EB","brown-100":"#EBE0D7","brown-150":"#E2D1C5","brown-200":"#D8C2B1","brown-250":"#CEB39E","brown-300":"#C6A58C","brown-350":"#BB9679","brown-400":"#AC8A6F","brown-450":"#9C7D64","brown-500":"#8D725B","brown-550":"#7E6551","brown-600":"#6F5A48","brown-650":"#614F3F","brown-700":"#544336","brown-750":"#46392D","brown-800":"#392E24","brown-850":"#2D241D","brown-900":"#211A15","brown-950":"#14100D","yellow-050":"#F6F0E1","yellow-100":"#EEE1C2","yellow-150":"#E5D3A4","yellow-200":"#DCC485","yellow-250":"#D3B567","yellow-300":"#CBA748","yellow-350":"#C3992A","yellow-400":"#B28B25","yellow-450":"#A27E21","yellow-500":"#92721F","yellow-550":"#83661B","yellow-600":"#745B18","yellow-650":"#664F15","yellow-700":"#574412","yellow-750":"#48390F","yellow-800":"#3B2E0B","yellow-850":"#2E2409","yellow-900":"#221A06","yellow-950":"#151004","green-050":"#E2F4EC","green-100":"#C6EADB","green-150":"#A9E0C9","green-200":"#89D6B5","green-250":"#69CBA1","green-300":"#46BF8B","green-350":"#22B374","green-400":"#00A95F","green-450":"#009755","green-500":"#00894D","green-550":"#007A44","green-600":"#006D3D","green-650":"#005F35","green-700":"#00522E","green-750":"#004526","green-800":"#00381F","green-850":"#002C18","green-900":"#002112","green-950":"#00140A","blue1-050":"#ECF1F8","blue1-100":"#D7E3F1","blue1-150":"#C3D6EC","blue1-200":"#B0C9E5","blue1-250":"#9DBBE0","blue1-300":"#8AAED9","blue1-350":"#76A1D3","blue1-400":"#6193CD","blue1-450":"#4E86C7","blue1-500":"#417DC4","blue1-550":"#376CAA","blue1-600":"#316097","blue1-650":"#2B5484","blue1-700":"#254872","blue1-750":"#1F3C5F","blue1-800":"#19314E","blue1-850":"#14263D","blue1-900":"#0E1C2C","blue1-950":"#09111B","blue-2-050":"#E6F3F4","blue-2-100":"#CBE8E9","blue-2-150":"#B2DCDE","blue-2-200":"#96D0D4","blue-2-250":"#7AC4C9","blue-2-300":"#5EB8BE","blue-2-350":"#44ACB3","blue-2-400":"#269FA7","blue-2-450":"#05929B","blue-2-500":"#009099","blue-2-550":"#00767C","blue-2-600":"#00696F","blue-2-650":"#005C61","blue-2-700":"#004F53","blue-2-750":"#004246","blue-2-800":"#003639","blue-2-850":"#002B2D","blue-2-900":"#001F21","blue-2-950":"#001415","purple-050":"#F5EEF5","purple-100":"#ECDEEC","purple-150":"#E4CDE3","purple-200":"#DBBDD9","purple-250":"#D3ADD0","purple-300":"#CA9DC7","purple-350":"#C18DBE","purple-400":"#B87DB4","purple-450":"#B06CAB","purple-500":"#8F58A5","purple-550":"#975093","purple-600":"#864783","purple-650":"#743E72","purple-700":"#643662","purple-750":"#542D52","purple-800":"#442443","purple-850":"#351C34","purple-900":"#271526","purple-950":"#180C18","pink-050":"#FAEEEA","pink-100":"#F5DDD6","pink-150":"#F1CCC3","pink-200":"#EDBBAF","pink-250":"#E8AA9B","pink-300":"#E39886","pink-350":"#E18B76","pink-400":"#CA7C69","pink-450":"#B86088","pink-500":"#A66657","pink-550":"#955B4D","pink-600":"#845044","pink-650":"#73473C","pink-700":"#633D34","pink-750":"#53322B","pink-800":"#452923","pink-850":"#36201C","pink-900":"#271713","pink-950":"#190E0C","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":"#000000B2","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E5","black-950":"#000000F2","white-000":"#FFFFFF00","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":"#FFFFFFB2","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE5","white-950":"#FFFFFFF2","white-975":"#FFFFFFF9"},"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":100,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":800,"black":900},"families":{"base":"Hanken Grotesk, sans-serif","accent":"Hanken Grotesk, sans-serif"}},"spacings":{"0":"0","l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","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","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem","none":"0","auto":"auto","bx":"2.2rem","full":"100%"},"breakpoints":{"xs":"480px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px","xxs":"320px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#2F2F40","secondary":"#252435","tertiary":"#1A1A2A"},"semantic":{"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"overlay":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#3D3D8C","secondary-hover":"#34356E","tertiary":"#34356E","tertiary-hover":"#2C2D54"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#454558","secondary-hover":"#3A3A4C","tertiary":"#3A3A4C","tertiary-hover":"#2F2F40"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#114785","secondary-hover":"#173D6A","tertiary":"#173D6A","tertiary-hover":"#183251"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#1C502D","secondary-hover":"#1E4229","tertiary":"#1E4229","tertiary-hover":"#1C3524"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#783211","secondary-hover":"#602E17","tertiary":"#602E17","tertiary-hover":"#4C2818"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#8B1B11","secondary-hover":"#712017","tertiary":"#712017","tertiary-hover":"#582018"},"disabled":{"primary":"#3A3A4C","secondary":"#2F2F40"}},"palette":{"brand":{"primary":"#9393FB","secondary":"#7575F2","tertiary":"#5C5CD3"},"red":{"primary":"#EF7A82","secondary":"#E94A55","tertiary":"#E1000F"},"orange":{"primary":"#E58459","secondary":"#C86A40","tertiary":"#A25533"},"brown":{"primary":"#BB9679","secondary":"#9C7D64","tertiary":"#7E6551"},"yellow":{"primary":"#C3992A","secondary":"#A27E21","tertiary":"#83661B"},"green":{"primary":"#22B374","secondary":"#009755","tertiary":"#007A44"},"blue-1":{},"blue-2":{"primary":"#44ACB3","secondary":"#05929B","tertiary":"#00767C"},"purple":{"primary":"#C18DBE","secondary":"#B06CAB","tertiary":"#975093"},"pink":{"primary":"#E18B76","secondary":"#B86088","tertiary":"#955B4D"},"gray":{"primary":"#9C9CB2","secondary":"#828297","tertiary":"#69697D"}}},"content":{"logo1":"#C5C5F0","logo2":"#C1C1FF","semantic":{"contextual":{"primary":"#000000D9"},"overlay":{"primary":"#000000D9"},"brand":{"primary":"#EFEFFF","secondary":"#E0E0FF","tertiary":"#B2B2FF","on-brand":"#EFEFFF"},"neutral":{"primary":"#F0F0F3","secondary":"#E2E2EA","tertiary":"#B7B7CB","on-neutral":"#F0F0F3"},"info":{"primary":"#E7F2FE","secondary":"#CEE5FD","tertiary":"#83BDF9","on-info":"#E7F2FE"},"success":{"primary":"#E8F3EC","secondary":"#D1E8DA","tertiary":"#8DC5A3","on-success":"#E8F3EC"},"warning":{"primary":"#FBEEE7","secondary":"#F7DDCF","tertiary":"#EBAA86","on-warning":"#FBEEE7"},"error":{"primary":"#FEEDEC","secondary":"#FEDAD9","tertiary":"#FCA09E","on-error":"#FEEDEC"},"disabled":{"primary":"#5D5D70","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#3A3A4C"},"semantic":{"contextual":{"primary":"#00000033"},"overlay":{"primary":"#00000033"},"brand":{"primary":"#7575F2","secondary":"#5151BB","tertiary":"#3D3D8C"},"neutral":{"primary":"#828297","secondary":"#5D5D70","tertiary":"#454558"},"info":{"primary":"#1583F4","secondary":"#005CBB","tertiary":"#114785"},"success":{"primary":"#309556","secondary":"#186C38","tertiary":"#1C502D"},"warning":{"primary":"#DA5E18","secondary":"#A63C00","tertiary":"#783211"},"error":{"primary":"#F83832","secondary":"#BF0500","tertiary":"#8B1B11"},"disabled":{"primary":"#2F2F40"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}},"dsfr-light":{"globals":{"colors":{"logo-1":"#2845C1","logo-2":"#C83F49","logo-1-dark":"#95ABFF","logo-2-dark":"#E78087","brand-050":"#EDF0FF","brand-100":"#DAE2FF","brand-150":"#C8D3FF","brand-200":"#B5C4FF","brand-250":"#A2B6FF","brand-300":"#90A7FF","brand-350":"#7E98FF","brand-400":"#6C89FE","brand-450":"#5C7AF7","brand-500":"#4C6CEF","brand-550":"#3E5DE7","brand-600":"#304DDF","brand-650":"#2845C1","brand-700":"#223E9E","brand-750":"#1F367D","brand-800":"#1B2E5F","brand-850":"#172446","brand-900":"#121B30","brand-950":"#0C111A","gray-000":"#FFFFFF","gray-025":"#F6F8F9","gray-050":"#EEF1F4","gray-100":"#DFE2EA","gray-150":"#CFD5DE","gray-200":"#C1C7D3","gray-250":"#B2B9C7","gray-300":"#A4ABBC","gray-350":"#969EB0","gray-400":"#8891A4","gray-450":"#7B8498","gray-500":"#6D778C","gray-550":"#626A80","gray-600":"#555E74","gray-650":"#4A5267","gray-700":"#3F4759","gray-750":"#363B4C","gray-800":"#2B303D","gray-850":"#222631","gray-900":"#181B24","gray-950":"#0F1117","gray-1000":"#000000","info-050":"#E7F2FF","info-100":"#CFE5FF","info-150":"#B7D7FF","info-200":"#A0CAFE","info-250":"#8CBCF9","info-300":"#77AEF4","info-350":"#63A0EE","info-400":"#5092E7","info-450":"#4185DC","info-500":"#3677CC","info-550":"#2F6ABB","info-600":"#265EAA","info-650":"#28528F","info-700":"#274775","info-750":"#243C5E","info-800":"#20314A","info-850":"#1B2637","info-900":"#141C27","info-950":"#0D1118","success-050":"#DEF7E6","success-100":"#BAEECF","success-150":"#A5E2C0","success-200":"#95D4B3","success-250":"#85C6A7","success-300":"#74B99B","success-350":"#65AB8F","success-400":"#579E84","success-450":"#4B9079","success-500":"#40836F","success-550":"#367664","success-600":"#2B695A","success-650":"#2C5A50","success-700":"#2A4D45","success-750":"#26403C","success-800":"#213430","success-850":"#1B2826","success-900":"#151D1C","success-950":"#0D1212","warning-050":"#FFEEDF","warning-100":"#FFDCBE","warning-150":"#FFCA9C","warning-200":"#FFB778","warning-250":"#FDA54F","warning-300":"#F59425","warning-350":"#E78613","warning-400":"#D7790C","warning-450":"#C86C08","warning-500":"#B85F03","warning-550":"#A75400","warning-600":"#984800","warning-650":"#814112","warning-700":"#6C3A19","warning-750":"#58321C","warning-800":"#452A1A","warning-850":"#352117","warning-900":"#261813","warning-950":"#170F0C","error-050":"#FFEDEB","error-100":"#FFDAD7","error-150":"#FFC7C2","error-200":"#FFB3AD","error-250":"#FF9F99","error-300":"#FF8984","error-350":"#FF706E","error-400":"#FB5759","error-450":"#F63A45","error-500":"#E32C39","error-550":"#CF202D","error-600":"#BD0F23","error-650":"#9D2227","error-700":"#812727","error-750":"#672624","error-800":"#512220","error-850":"#3D1C1B","error-900":"#2A1614","error-950":"#190E0D","red-050":"#FFEDEB","red-100":"#FFDAD7","red-150":"#FFC7C2","red-200":"#FFB3AD","red-250":"#FF9F99","red-300":"#FF8984","red-350":"#FF706E","red-400":"#FB5759","red-450":"#F63A45","red-500":"#E32C39","red-550":"#CF202D","red-600":"#BD0F23","red-650":"#9D2227","red-700":"#812727","red-750":"#672624","red-800":"#512220","red-850":"#3D1C1B","red-900":"#2A1614","red-950":"#190E0D","orange-050":"#FCEDEB","orange-100":"#F8DCD7","orange-150":"#F1CCC5","orange-200":"#EABCB4","orange-250":"#E2ACA2","orange-300":"#DA9C92","orange-350":"#D28C81","orange-400":"#CA7C70","orange-450":"#BE6E62","orange-500":"#AE6257","orange-550":"#9E564D","orange-600":"#8F4B42","orange-650":"#79443D","orange-700":"#643C37","orange-750":"#513430","orange-800":"#412B28","orange-850":"#312220","orange-900":"#231918","orange-950":"#150F0F","brown-050":"#F9EFEA","brown-100":"#F3DFD3","brown-150":"#EACFC1","brown-200":"#E2BFAE","brown-250":"#D8B19C","brown-300":"#D0A189","brown-350":"#C3937B","brown-400":"#B5866D","brown-450":"#A77A62","brown-500":"#996D57","brown-550":"#8B614D","brown-600":"#7C5542","brown-650":"#6A4C3C","brown-700":"#594236","brown-750":"#49382F","brown-800":"#3B2E28","brown-850":"#2D2420","brown-900":"#201A18","brown-950":"#13100F","yellow-050":"#FDF1C5","yellow-100":"#FBE18E","yellow-150":"#F4D261","yellow-200":"#EAC244","yellow-250":"#DFB41B","yellow-300":"#D1A516","yellow-350":"#C49711","yellow-400":"#B78A0C","yellow-450":"#A87D07","yellow-500":"#9B6F02","yellow-550":"#8D6300","yellow-600":"#7F5600","yellow-650":"#6E4C11","yellow-700":"#5D4219","yellow-750":"#4D371B","yellow-800":"#3D2E1A","yellow-850":"#2F2417","yellow-900":"#221A12","yellow-950":"#14100C","green-050":"#E7F9B3","green-100":"#D5EC98","green-150":"#C5DE86","green-200":"#B5D174","green-250":"#A5C464","green-300":"#95B755","green-350":"#85AA45","green-400":"#769D39","green-450":"#688F30","green-500":"#5A8228","green-550":"#4D7621","green-600":"#416919","green-650":"#3A5B20","green-700":"#324E22","green-750":"#2C4122","green-800":"#24351D","green-850":"#1D2919","green-900":"#161E13","green-950":"#0E120C","blue1-050":"#E7F2FF","blue1-100":"#CFE5FF","blue1-150":"#B7D7FF","blue1-200":"#A0CAFE","blue1-250":"#8CBCF9","blue1-300":"#77AEF4","blue1-350":"#63A0EE","blue1-400":"#5092E7","blue1-450":"#4185DC","blue1-500":"#3677CC","blue1-550":"#2F6ABB","blue1-600":"#265EAA","blue1-650":"#28528F","blue1-700":"#274775","blue1-750":"#243C5E","blue1-800":"#20314A","blue1-850":"#1B2637","blue1-900":"#141C27","blue1-950":"#0D1118","blue2-050":"#E2F4FD","blue2-100":"#C4E8F8","blue2-150":"#AADCF2","blue2-200":"#93CFEB","blue2-250":"#7CC2E2","blue2-300":"#6CB4D6","blue2-350":"#5CA7C9","blue2-400":"#5099BC","blue2-450":"#458BAE","blue2-500":"#3A7EA0","blue2-550":"#327191","blue2-600":"#286483","blue2-650":"#2B5770","blue2-700":"#294A5E","blue2-750":"#263E4D","blue2-800":"#22323D","blue2-850":"#1C272E","blue2-900":"#151D21","blue2-950":"#0E1114","purple-050":"#F5EEFF","purple-100":"#ECDCFF","purple-150":"#E2CBFF","purple-200":"#D9B9FF","purple-250":"#D0A7FF","purple-300":"#C894FE","purple-350":"#BE83FA","purple-400":"#B570F5","purple-450":"#AB5EF0","purple-500":"#A04BE8","purple-550":"#933CDB","purple-600":"#8530C8","purple-650":"#7033A5","purple-700":"#5D3185","purple-750":"#4C2C6A","purple-800":"#3C2652","purple-850":"#2D203C","purple-900":"#21182A","purple-950":"#130F19","pink-050":"#FFEBF6","pink-100":"#FFD8ED","pink-150":"#FCC4E3","pink-200":"#F7B2D9","pink-250":"#F29FCE","pink-300":"#ED8CC3","pink-350":"#E779B8","pink-400":"#E264AD","pink-450":"#D2579E","pink-500":"#C24B8E","pink-550":"#B0417F","pink-600":"#9F3670","pink-650":"#873560","pink-700":"#6F3250","pink-750":"#5A2C43","pink-800":"#472635","pink-850":"#351F29","pink-900":"#26171D","pink-950":"#170F12","black-000":"#181B2400","black-050":"#181B240D","black-100":"#181B241A","black-150":"#181B2426","black-200":"#181B2433","black-250":"#181B2440","black-300":"#181B244D","black-350":"#181B2459","black-400":"#181B2466","black-450":"#181B2473","black-500":"#181B2480","black-550":"#181B248C","black-600":"#181B2499","black-650":"#181B24A6","black-700":"#181B24B2","black-750":"#181B24BF","black-800":"#181B24CC","black-850":"#181B24D9","black-900":"#181B24E5","black-950":"#0F1117F2","white-000":"#F6F8F900","white-050":"#F6F8F90D","white-100":"#F6F8F91A","white-150":"#F6F8F926","white-200":"#F6F8F933","white-250":"#F6F8F940","white-300":"#F6F8F94D","white-350":"#F6F8F959","white-400":"#F6F8F966","white-450":"#F6F8F973","white-500":"#F6F8F980","white-550":"#F6F8F98C","white-600":"#F6F8F999","white-650":"#F6F8F9A6","white-700":"#F6F8F9B2","white-750":"#F6F8F9BF","white-800":"#F6F8F9CC","white-850":"#F6F8F9D9","white-900":"#F6F8F9E5","white-950":"#F6F8F9F2","white-975":"#F6F8F9F9"},"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":100,"extrabold":800,"black":900},"families":{"accent":"Marianne, Inter, Roboto Flex Variable, sans-serif","base":"Marianne, Inter, Roboto Flex Variable, sans-serif"}},"spacings":{"0":"0","none":"0","auto":"auto","bx":"2.2rem","full":"100%","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","2xl":"3rem","xxxl":"3.5rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xxs":"320px","xs":"480px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F8F8FA"},"semantic":{"overlay":{"primary":"#0000000D","primary-hover":"#0000001A"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#E0E0FF","secondary-hover":"#D0D0FF","tertiary":"#EFEFFF","tertiary-hover":"#E0E0FF"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#E2E2EA","secondary-hover":"#D3D4E0","tertiary":"#F0F0F3","tertiary-hover":"#E2E2EA"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#CEE5FD","secondary-hover":"#B5D8FC","tertiary":"#E7F2FE","tertiary-hover":"#CEE5FD"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#D1E8DA","secondary-hover":"#BBDCC8","tertiary":"#E8F3EC","tertiary-hover":"#D1E8DA"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#F7DDCF","secondary-hover":"#F3CDB7","tertiary":"#FBEEE7","tertiary-hover":"#F7DDCF"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#FEDAD9","secondary-hover":"#FDC7C6","tertiary":"#FEEDEC","tertiary-hover":"#FEDAD9"},"disabled":{"primary":"#E2E2EA","secondary":"#F0F0F3"}},"palette":{"brand":{"primary":"#6969DF","secondary":"#9393FB","tertiary":"#D0D0FF"},"red":{"primary":"#E52835","secondary":"#EF7A82","tertiary":"#F8C9CC"},"orange":{"primary":"#B65F3A","secondary":"#E58459","tertiary":"#F4CCBA"},"brown":{"primary":"#8D725B","secondary":"#BB9679","tertiary":"#E2D1C5"},"yellow":{"primary":"#92721F","secondary":"#C3992A","tertiary":"#E5D3A4"},"green":{"primary":"#00894D","secondary":"#22B374","tertiary":"#A9E0C9"},"blue-1":{},"blue-2":{"primary":"#009099","secondary":"#44ACB3","tertiary":"#B2DCDE"},"purple":{"primary":"#8F58A5","secondary":"#C18DBE","tertiary":"#E4CDE3"},"pink":{"primary":"#A66657","secondary":"#E18B76","tertiary":"#F1CCC3"},"gray":{"primary":"#75758A","secondary":"#9C9CB2","tertiary":"#D3D4E0"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#4747A3","logo2":"#4747A3","semantic":{"contextual":{"primary":"#FFFFFFF2"},"overlay":{"primary":"#FFFFFFF2"},"brand":{"primary":"#3D3D8C","secondary":"#5151BB","tertiary":"#5C5CD3","on-brand":"#EFEFFF"},"neutral":{"primary":"#252435","secondary":"#5D5D70","tertiary":"#69697D","on-neutral":"#F0F0F3"},"info":{"primary":"#114785","secondary":"#005CBB","tertiary":"#0068D2","on-info":"#E7F2FE"},"success":{"primary":"#1C502D","secondary":"#186C38","tertiary":"#1B7A3F","on-success":"#E8F3EC"},"warning":{"primary":"#783211","secondary":"#A63C00","tertiary":"#BB4300","on-warning":"#FBEEE7"},"error":{"primary":"#8B1B11","secondary":"#BF0500","tertiary":"#D70600","on-error":"#FEEDEC"},"disabled":{"primary":"#A9A9BF","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#E2E2EA"},"semantic":{"contextual":{"primary":"#FFFFFF33"},"overlay":{"primary":"#FFFFFF33"},"brand":{"primary":"#5C5CD3","secondary":"#A2A2FF","tertiary":"#D0D0FF"},"neutral":{"primary":"#69697D","secondary":"#A9A9BF","tertiary":"#D3D4E0"},"info":{"primary":"#0068D2","secondary":"#69B0F8","tertiary":"#B5D8FC"},"success":{"primary":"#1B7A3F","secondary":"#76B990","tertiary":"#BBDCC8"},"warning":{"primary":"#BB4300","secondary":"#E7986C","tertiary":"#F3CDB7"},"error":{"primary":"#D70600","secondary":"#FB8B88","tertiary":"#FDC7C6"},"disabled":{"primary":"#E2E2EA"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}},"dsfr-dark":{"globals":{"colors":{"logo-1":"#2845C1","logo-2":"#C83F49","logo-1-dark":"#95ABFF","logo-2-dark":"#E78087","brand-050":"#EDF0FF","brand-100":"#DAE2FF","brand-150":"#C8D3FF","brand-200":"#B5C4FF","brand-250":"#A2B6FF","brand-300":"#90A7FF","brand-350":"#7E98FF","brand-400":"#6C89FE","brand-450":"#5C7AF7","brand-500":"#4C6CEF","brand-550":"#3E5DE7","brand-600":"#304DDF","brand-650":"#2845C1","brand-700":"#223E9E","brand-750":"#1F367D","brand-800":"#1B2E5F","brand-850":"#172446","brand-900":"#121B30","brand-950":"#0C111A","gray-000":"#FFFFFF","gray-025":"#F6F8F9","gray-050":"#EEF1F4","gray-100":"#DFE2EA","gray-150":"#CFD5DE","gray-200":"#C1C7D3","gray-250":"#B2B9C7","gray-300":"#A4ABBC","gray-350":"#969EB0","gray-400":"#8891A4","gray-450":"#7B8498","gray-500":"#6D778C","gray-550":"#626A80","gray-600":"#555E74","gray-650":"#4A5267","gray-700":"#3F4759","gray-750":"#363B4C","gray-800":"#2B303D","gray-850":"#222631","gray-900":"#181B24","gray-950":"#0F1117","gray-1000":"#000000","info-050":"#E7F2FF","info-100":"#CFE5FF","info-150":"#B7D7FF","info-200":"#A0CAFE","info-250":"#8CBCF9","info-300":"#77AEF4","info-350":"#63A0EE","info-400":"#5092E7","info-450":"#4185DC","info-500":"#3677CC","info-550":"#2F6ABB","info-600":"#265EAA","info-650":"#28528F","info-700":"#274775","info-750":"#243C5E","info-800":"#20314A","info-850":"#1B2637","info-900":"#141C27","info-950":"#0D1118","success-050":"#DEF7E6","success-100":"#BAEECF","success-150":"#A5E2C0","success-200":"#95D4B3","success-250":"#85C6A7","success-300":"#74B99B","success-350":"#65AB8F","success-400":"#579E84","success-450":"#4B9079","success-500":"#40836F","success-550":"#367664","success-600":"#2B695A","success-650":"#2C5A50","success-700":"#2A4D45","success-750":"#26403C","success-800":"#213430","success-850":"#1B2826","success-900":"#151D1C","success-950":"#0D1212","warning-050":"#FFEEDF","warning-100":"#FFDCBE","warning-150":"#FFCA9C","warning-200":"#FFB778","warning-250":"#FDA54F","warning-300":"#F59425","warning-350":"#E78613","warning-400":"#D7790C","warning-450":"#C86C08","warning-500":"#B85F03","warning-550":"#A75400","warning-600":"#984800","warning-650":"#814112","warning-700":"#6C3A19","warning-750":"#58321C","warning-800":"#452A1A","warning-850":"#352117","warning-900":"#261813","warning-950":"#170F0C","error-050":"#FFEDEB","error-100":"#FFDAD7","error-150":"#FFC7C2","error-200":"#FFB3AD","error-250":"#FF9F99","error-300":"#FF8984","error-350":"#FF706E","error-400":"#FB5759","error-450":"#F63A45","error-500":"#E32C39","error-550":"#CF202D","error-600":"#BD0F23","error-650":"#9D2227","error-700":"#812727","error-750":"#672624","error-800":"#512220","error-850":"#3D1C1B","error-900":"#2A1614","error-950":"#190E0D","red-050":"#FFEDEB","red-100":"#FFDAD7","red-150":"#FFC7C2","red-200":"#FFB3AD","red-250":"#FF9F99","red-300":"#FF8984","red-350":"#FF706E","red-400":"#FB5759","red-450":"#F63A45","red-500":"#E32C39","red-550":"#CF202D","red-600":"#BD0F23","red-650":"#9D2227","red-700":"#812727","red-750":"#672624","red-800":"#512220","red-850":"#3D1C1B","red-900":"#2A1614","red-950":"#190E0D","orange-050":"#FCEDEB","orange-100":"#F8DCD7","orange-150":"#F1CCC5","orange-200":"#EABCB4","orange-250":"#E2ACA2","orange-300":"#DA9C92","orange-350":"#D28C81","orange-400":"#CA7C70","orange-450":"#BE6E62","orange-500":"#AE6257","orange-550":"#9E564D","orange-600":"#8F4B42","orange-650":"#79443D","orange-700":"#643C37","orange-750":"#513430","orange-800":"#412B28","orange-850":"#312220","orange-900":"#231918","orange-950":"#150F0F","brown-050":"#F9EFEA","brown-100":"#F3DFD3","brown-150":"#EACFC1","brown-200":"#E2BFAE","brown-250":"#D8B19C","brown-300":"#D0A189","brown-350":"#C3937B","brown-400":"#B5866D","brown-450":"#A77A62","brown-500":"#996D57","brown-550":"#8B614D","brown-600":"#7C5542","brown-650":"#6A4C3C","brown-700":"#594236","brown-750":"#49382F","brown-800":"#3B2E28","brown-850":"#2D2420","brown-900":"#201A18","brown-950":"#13100F","yellow-050":"#FDF1C5","yellow-100":"#FBE18E","yellow-150":"#F4D261","yellow-200":"#EAC244","yellow-250":"#DFB41B","yellow-300":"#D1A516","yellow-350":"#C49711","yellow-400":"#B78A0C","yellow-450":"#A87D07","yellow-500":"#9B6F02","yellow-550":"#8D6300","yellow-600":"#7F5600","yellow-650":"#6E4C11","yellow-700":"#5D4219","yellow-750":"#4D371B","yellow-800":"#3D2E1A","yellow-850":"#2F2417","yellow-900":"#221A12","yellow-950":"#14100C","green-050":"#E7F9B3","green-100":"#D5EC98","green-150":"#C5DE86","green-200":"#B5D174","green-250":"#A5C464","green-300":"#95B755","green-350":"#85AA45","green-400":"#769D39","green-450":"#688F30","green-500":"#5A8228","green-550":"#4D7621","green-600":"#416919","green-650":"#3A5B20","green-700":"#324E22","green-750":"#2C4122","green-800":"#24351D","green-850":"#1D2919","green-900":"#161E13","green-950":"#0E120C","blue1-050":"#E7F2FF","blue1-100":"#CFE5FF","blue1-150":"#B7D7FF","blue1-200":"#A0CAFE","blue1-250":"#8CBCF9","blue1-300":"#77AEF4","blue1-350":"#63A0EE","blue1-400":"#5092E7","blue1-450":"#4185DC","blue1-500":"#3677CC","blue1-550":"#2F6ABB","blue1-600":"#265EAA","blue1-650":"#28528F","blue1-700":"#274775","blue1-750":"#243C5E","blue1-800":"#20314A","blue1-850":"#1B2637","blue1-900":"#141C27","blue1-950":"#0D1118","blue2-050":"#E2F4FD","blue2-100":"#C4E8F8","blue2-150":"#AADCF2","blue2-200":"#93CFEB","blue2-250":"#7CC2E2","blue2-300":"#6CB4D6","blue2-350":"#5CA7C9","blue2-400":"#5099BC","blue2-450":"#458BAE","blue2-500":"#3A7EA0","blue2-550":"#327191","blue2-600":"#286483","blue2-650":"#2B5770","blue2-700":"#294A5E","blue2-750":"#263E4D","blue2-800":"#22323D","blue2-850":"#1C272E","blue2-900":"#151D21","blue2-950":"#0E1114","purple-050":"#F5EEFF","purple-100":"#ECDCFF","purple-150":"#E2CBFF","purple-200":"#D9B9FF","purple-250":"#D0A7FF","purple-300":"#C894FE","purple-350":"#BE83FA","purple-400":"#B570F5","purple-450":"#AB5EF0","purple-500":"#A04BE8","purple-550":"#933CDB","purple-600":"#8530C8","purple-650":"#7033A5","purple-700":"#5D3185","purple-750":"#4C2C6A","purple-800":"#3C2652","purple-850":"#2D203C","purple-900":"#21182A","purple-950":"#130F19","pink-050":"#FFEBF6","pink-100":"#FFD8ED","pink-150":"#FCC4E3","pink-200":"#F7B2D9","pink-250":"#F29FCE","pink-300":"#ED8CC3","pink-350":"#E779B8","pink-400":"#E264AD","pink-450":"#D2579E","pink-500":"#C24B8E","pink-550":"#B0417F","pink-600":"#9F3670","pink-650":"#873560","pink-700":"#6F3250","pink-750":"#5A2C43","pink-800":"#472635","pink-850":"#351F29","pink-900":"#26171D","pink-950":"#170F12","black-000":"#181B2400","black-050":"#181B240D","black-100":"#181B241A","black-150":"#181B2426","black-200":"#181B2433","black-250":"#181B2440","black-300":"#181B244D","black-350":"#181B2459","black-400":"#181B2466","black-450":"#181B2473","black-500":"#181B2480","black-550":"#181B248C","black-600":"#181B2499","black-650":"#181B24A6","black-700":"#181B24B2","black-750":"#181B24BF","black-800":"#181B24CC","black-850":"#181B24D9","black-900":"#181B24E5","black-950":"#0F1117F2","white-000":"#F6F8F900","white-050":"#F6F8F90D","white-100":"#F6F8F91A","white-150":"#F6F8F926","white-200":"#F6F8F933","white-250":"#F6F8F940","white-300":"#F6F8F94D","white-350":"#F6F8F959","white-400":"#F6F8F966","white-450":"#F6F8F973","white-500":"#F6F8F980","white-550":"#F6F8F98C","white-600":"#F6F8F999","white-650":"#F6F8F9A6","white-700":"#F6F8F9B2","white-750":"#F6F8F9BF","white-800":"#F6F8F9CC","white-850":"#F6F8F9D9","white-900":"#F6F8F9E5","white-950":"#F6F8F9F2","white-975":"#F6F8F9F9"},"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":100,"extrabold":800,"black":900},"families":{"accent":"Marianne, Inter, Roboto Flex Variable, sans-serif","base":"Marianne, Inter, Roboto Flex Variable, sans-serif"}},"spacings":{"0":"0","none":"0","auto":"auto","bx":"2.2rem","full":"100%","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","2xl":"3rem","xxxl":"3.5rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xxs":"320px","xs":"480px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#2F2F40","secondary":"#252435","tertiary":"#1A1A2A"},"semantic":{"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"overlay":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#3D3D8C","secondary-hover":"#34356E","tertiary":"#34356E","tertiary-hover":"#2C2D54"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#454558","secondary-hover":"#3A3A4C","tertiary":"#3A3A4C","tertiary-hover":"#2F2F40"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#114785","secondary-hover":"#173D6A","tertiary":"#173D6A","tertiary-hover":"#183251"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#1C502D","secondary-hover":"#1E4229","tertiary":"#1E4229","tertiary-hover":"#1C3524"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#783211","secondary-hover":"#602E17","tertiary":"#602E17","tertiary-hover":"#4C2818"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#8B1B11","secondary-hover":"#712017","tertiary":"#712017","tertiary-hover":"#582018"},"disabled":{"primary":"#3A3A4C","secondary":"#2F2F40"}},"palette":{"brand":{"primary":"#9393FB","secondary":"#7575F2","tertiary":"#5C5CD3"},"red":{"primary":"#EF7A82","secondary":"#E94A55","tertiary":"#E1000F"},"orange":{"primary":"#E58459","secondary":"#C86A40","tertiary":"#A25533"},"brown":{"primary":"#BB9679","secondary":"#9C7D64","tertiary":"#7E6551"},"yellow":{"primary":"#C3992A","secondary":"#A27E21","tertiary":"#83661B"},"green":{"primary":"#22B374","secondary":"#009755","tertiary":"#007A44"},"blue-1":{},"blue-2":{"primary":"#44ACB3","secondary":"#05929B","tertiary":"#00767C"},"purple":{"primary":"#C18DBE","secondary":"#B06CAB","tertiary":"#975093"},"pink":{"primary":"#E18B76","secondary":"#B86088","tertiary":"#955B4D"},"gray":{"primary":"#9C9CB2","secondary":"#828297","tertiary":"#69697D"}}},"content":{"logo1":"#C5C5F0","logo2":"#C1C1FF","semantic":{"contextual":{"primary":"#000000D9"},"overlay":{"primary":"#000000D9"},"brand":{"primary":"#EFEFFF","secondary":"#E0E0FF","tertiary":"#B2B2FF","on-brand":"#EFEFFF"},"neutral":{"primary":"#F0F0F3","secondary":"#E2E2EA","tertiary":"#B7B7CB","on-neutral":"#F0F0F3"},"info":{"primary":"#E7F2FE","secondary":"#CEE5FD","tertiary":"#83BDF9","on-info":"#E7F2FE"},"success":{"primary":"#E8F3EC","secondary":"#D1E8DA","tertiary":"#8DC5A3","on-success":"#E8F3EC"},"warning":{"primary":"#FBEEE7","secondary":"#F7DDCF","tertiary":"#EBAA86","on-warning":"#FBEEE7"},"error":{"primary":"#FEEDEC","secondary":"#FEDAD9","tertiary":"#FCA09E","on-error":"#FEEDEC"},"disabled":{"primary":"#5D5D70","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#3A3A4C"},"semantic":{"contextual":{"primary":"#00000033"},"overlay":{"primary":"#00000033"},"brand":{"primary":"#7575F2","secondary":"#5151BB","tertiary":"#3D3D8C"},"neutral":{"primary":"#828297","secondary":"#5D5D70","tertiary":"#454558"},"info":{"primary":"#1583F4","secondary":"#005CBB","tertiary":"#114785"},"success":{"primary":"#309556","secondary":"#186C38","tertiary":"#1C502D"},"warning":{"primary":"#DA5E18","secondary":"#A63C00","tertiary":"#783211"},"error":{"primary":"#F83832","secondary":"#BF0500","tertiary":"#8B1B11"},"disabled":{"primary":"#2F2F40"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}},"anct-light":{"globals":{"colors":{"logo-1":"#2845C1","logo-2":"#FBC63A","logo-1-dark":"#94A3E5","logo-2-dark":"#EFD183","brand-050":"#EEF0F9","brand-100":"#DDE2F5","brand-150":"#CBD4F1","brand-200":"#B8C6F0","brand-250":"#A5B7F2","brand-300":"#91A8F7","brand-350":"#7C98FE","brand-400":"#6A89FF","brand-450":"#5A7AFB","brand-500":"#4B6BF0","brand-550":"#3E5CE7","brand-600":"#3352D5","brand-650":"#2A47C0","brand-700":"#2340A3","brand-750":"#223A7F","brand-800":"#1F325F","brand-850":"#1B2845","brand-900":"#151E30","brand-950":"#0D121D","gray-000":"#FFFFFF","gray-025":"#F6F8FA","gray-050":"#ECF1F7","gray-100":"#DDE3F3","gray-150":"#CCD4EA","gray-200":"#BCC7E0","gray-250":"#AEB9D2","gray-300":"#A1ABC4","gray-350":"#949EB6","gray-400":"#8791A9","gray-450":"#7A849B","gray-500":"#6D778E","gray-550":"#616A81","gray-600":"#555E75","gray-650":"#495268","gray-700":"#3E475C","gray-750":"#333B50","gray-800":"#283044","gray-850":"#1E2539","gray-900":"#171B28","gray-950":"#0F1118","gray-1000":"#000000","info-050":"#E9F2F8","info-100":"#D2E5F1","info-150":"#C0D7F0","info-200":"#AEC8F0","info-250":"#9EB9F2","info-300":"#8DABEE","info-350":"#7B9DE9","info-400":"#6E8FDB","info-450":"#6282CD","info-500":"#5575BF","info-550":"#4968B1","info-600":"#3E5CA3","info-650":"#344F97","info-700":"#294389","info-750":"#243972","info-800":"#1D2F5B","info-850":"#1A2744","info-900":"#151D2F","info-950":"#0E131F","success-050":"#E7F1E9","success-100":"#CFE3D3","success-150":"#B9D8C0","success-200":"#A1CEAC","success-250":"#85C496","success-300":"#63BC7F","success-350":"#45B16B","success-400":"#1CA659","success-450":"#00984C","success-500":"#008A3F","success-550":"#007C32","success-600":"#006E24","success-650":"#016016","success-700":"#005305","success-750":"#0D450A","success-800":"#11380E","success-850":"#132A11","success-900":"#101E0F","success-950":"#091209","warning-050":"#F6F0E8","warning-100":"#EDE2D1","warning-150":"#E6D3B8","warning-200":"#E3C39F","warning-250":"#E3B082","warning-300":"#E19E5C","warning-350":"#D98E3F","warning-400":"#CF7D19","warning-450":"#C17000","warning-500":"#B36300","warning-550":"#A45600","warning-600":"#964900","warning-650":"#893C00","warning-700":"#7B2F00","warning-750":"#68270D","warning-800":"#562013","warning-850":"#411D18","warning-900":"#2E1714","warning-950":"#1D0F0D","error-050":"#F9EFEC","error-100":"#F4DFD9","error-150":"#F0CEC6","error-200":"#EEBCB2","error-250":"#EEA99D","error-300":"#EF9487","error-350":"#F37C6E","error-400":"#F65F53","error-450":"#EF443C","error-500":"#E0342E","error-550":"#D0201F","error-600":"#C0000C","error-650":"#AA0000","error-700":"#910C06","error-750":"#731E16","error-800":"#58201A","error-850":"#411D18","error-900":"#2E1714","error-950":"#1D0F0D","red-050":"#F9EFEC","red-100":"#F4DEDA","red-150":"#F0CDC9","red-200":"#EEBBB6","red-250":"#EEA8A2","red-300":"#F0938D","red-350":"#EC7E78","red-400":"#E46D67","red-450":"#D95B58","red-500":"#CA4E4B","red-550":"#BB403F","red-600":"#AC3233","red-650":"#9D2227","red-700":"#882023","red-750":"#721D1B","red-800":"#58201A","red-850":"#401D18","red-900":"#2E1714","red-950":"#1D0F0D","orange-050":"#F8F0E9","orange-100":"#F1E0D3","orange-150":"#ECD0BD","orange-200":"#E9C0A5","orange-250":"#E8AE8A","orange-300":"#EB9870","orange-350":"#EB845A","orange-400":"#E66E37","orange-450":"#DD5B16","orange-500":"#CE4D00","orange-550":"#BF3E00","orange-600":"#B02F00","orange-650":"#A11E00","orange-700":"#8A1E14","orange-750":"#731E16","orange-800":"#58201A","orange-850":"#401D18","orange-900":"#2E1714","orange-950":"#1D0F0D","brown-050":"#F5F0E8","brown-100":"#ECE2D1","brown-150":"#E9D1B9","brown-200":"#E3C19D","brown-250":"#DCB187","brown-300":"#D2A26F","brown-350":"#C49562","brown-400":"#B68855","brown-450":"#A97B48","brown-500":"#9B6E3B","brown-550":"#8E612F","brown-600":"#815521","brown-650":"#744913","brown-700":"#673D00","brown-750":"#5A3100","brown-800":"#4E2600","brown-850":"#3D1F0B","brown-900":"#2C170F","brown-950":"#1C0F0B","yellow-050":"#F3F0E7","yellow-100":"#E9E2CF","yellow-150":"#E0D4B7","yellow-200":"#DAC59A","yellow-250":"#D5B67A","yellow-300":"#D0A559","yellow-350":"#CC9331","yellow-400":"#C48400","yellow-450":"#B77600","yellow-500":"#AA6800","yellow-550":"#9D5A00","yellow-600":"#914D00","yellow-650":"#843F00","yellow-700":"#773200","yellow-750":"#6A2601","yellow-800":"#56210F","yellow-850":"#401D16","yellow-900":"#2E1714","yellow-950":"#1D0F0D","green-050":"#E3F1EF","green-100":"#CAE5E1","green-150":"#B0DBD4","green-200":"#91D1C7","green-250":"#6AC8BC","green-300":"#4DBCAF","green-350":"#3CAFA2","green-400":"#2AA194","green-450":"#109487","green-500":"#00867A","green-550":"#00786D","green-600":"#016A60","green-650":"#015D53","green-700":"#005047","green-750":"#00443B","green-800":"#00382F","green-850":"#002C25","green-900":"#041F1A","green-950":"#041310","blue1-050":"#EAF2F9","blue1-100":"#D4E4F3","blue1-150":"#BFD7F0","blue1-200":"#AAC9EF","blue1-250":"#96BBF1","blue1-300":"#82ACF6","blue1-350":"#709BFE","blue1-400":"#608BFF","blue1-450":"#537BFB","blue1-500":"#476DEC","blue1-550":"#3C60DD","blue1-600":"#3252CF","blue1-650":"#2B48B9","blue1-700":"#28409B","blue1-750":"#24397E","blue1-800":"#223260","blue1-850":"#1F2A48","blue1-900":"#191F32","blue1-950":"#111320","blue2-050":"#E5F2F3","blue2-100":"#CDE6EC","blue2-150":"#B7D9EA","blue2-200":"#9BCDE7","blue2-250":"#84C1E0","blue2-300":"#6BB4D8","blue2-350":"#5CA6CB","blue2-400":"#4D99BC","blue2-450":"#3E8CAE","blue2-500":"#2F7FA2","blue2-550":"#1F7295","blue2-600":"#056688","blue2-650":"#00597B","blue2-700":"#004C6C","blue2-750":"#003F5E","blue2-800":"#003353","blue2-850":"#0C273E","blue2-900":"#0E1C2C","blue2-950":"#0A121C","purple-050":"#EDF1FA","purple-100":"#DCE2F5","purple-150":"#CCD4F1","purple-200":"#BCC4F0","purple-250":"#ADB6F2","purple-300":"#9EA6F6","purple-350":"#8E95FD","purple-400":"#8083FF","purple-450":"#7173FF","purple-500":"#6665F1","purple-550":"#5B57E2","purple-600":"#5049D4","purple-650":"#4641BC","purple-700":"#3D39A2","purple-750":"#363680","purple-800":"#2E3162","purple-850":"#242848","purple-900":"#1C1E32","purple-950":"#121320","pink-050":"#F8EFF4","pink-100":"#F0DEE9","pink-150":"#EBCDDF","pink-200":"#E7BDD6","pink-250":"#E5A9CC","pink-300":"#E695C0","pink-350":"#EA7CAE","pink-400":"#E4659F","pink-450":"#DD4F93","pink-500":"#CD4085","pink-550":"#BE3279","pink-600":"#AE216D","pink-650":"#9B195D","pink-700":"#86164E","pink-750":"#6E1B3D","pink-800":"#551E31","pink-850":"#3F1C24","pink-900":"#2D161A","pink-950":"#1C0E10","black-000":"#191B2200","black-050":"#191B220D","black-100":"#191B221A","black-150":"#191B2226","black-200":"#191B2233","black-250":"#191B2240","black-300":"#191B224D","black-350":"#191B2259","black-400":"#191B2266","black-450":"#191B2273","black-500":"#191B2280","black-550":"#191B228C","black-600":"#191B2299","black-650":"#191B22A6","black-700":"#191B22B2","black-750":"#191B22BF","black-800":"#191B22CC","black-850":"#191B22D9","black-900":"#191B22E5","black-950":"#0F1115F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"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":100,"extrabold":800,"black":900},"families":{"accent":"Marianne, Inter, Roboto Flex Variable, sans-serif","base":"Marianne, Inter, Roboto Flex Variable, sans-serif"}},"spacings":{"0":"0","none":"0","auto":"auto","bx":"2.2rem","full":"100%","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","2xl":"3rem","xxxl":"3.5rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xxs":"320px","xs":"480px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F8F8FA"},"semantic":{"overlay":{"primary":"#0000000D","primary-hover":"#0000001A"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#E0E0FF","secondary-hover":"#D0D0FF","tertiary":"#EFEFFF","tertiary-hover":"#E0E0FF"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#E2E2EA","secondary-hover":"#D3D4E0","tertiary":"#F0F0F3","tertiary-hover":"#E2E2EA"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#CEE5FD","secondary-hover":"#B5D8FC","tertiary":"#E7F2FE","tertiary-hover":"#CEE5FD"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#D1E8DA","secondary-hover":"#BBDCC8","tertiary":"#E8F3EC","tertiary-hover":"#D1E8DA"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#F7DDCF","secondary-hover":"#F3CDB7","tertiary":"#FBEEE7","tertiary-hover":"#F7DDCF"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#FEDAD9","secondary-hover":"#FDC7C6","tertiary":"#FEEDEC","tertiary-hover":"#FEDAD9"},"disabled":{"primary":"#E2E2EA","secondary":"#F0F0F3"}},"palette":{"brand":{"primary":"#6969DF","secondary":"#9393FB","tertiary":"#D0D0FF"},"red":{"primary":"#E52835","secondary":"#EF7A82","tertiary":"#F8C9CC"},"orange":{"primary":"#B65F3A","secondary":"#E58459","tertiary":"#F4CCBA"},"brown":{"primary":"#8D725B","secondary":"#BB9679","tertiary":"#E2D1C5"},"yellow":{"primary":"#92721F","secondary":"#C3992A","tertiary":"#E5D3A4"},"green":{"primary":"#00894D","secondary":"#22B374","tertiary":"#A9E0C9"},"blue-1":{},"blue-2":{"primary":"#009099","secondary":"#44ACB3","tertiary":"#B2DCDE"},"purple":{"primary":"#8F58A5","secondary":"#C18DBE","tertiary":"#E4CDE3"},"pink":{"primary":"#A66657","secondary":"#E18B76","tertiary":"#F1CCC3"},"gray":{"primary":"#75758A","secondary":"#9C9CB2","tertiary":"#D3D4E0"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#4747A3","logo2":"#4747A3","semantic":{"contextual":{"primary":"#FFFFFFF2"},"overlay":{"primary":"#FFFFFFF2"},"brand":{"primary":"#3D3D8C","secondary":"#5151BB","tertiary":"#5C5CD3","on-brand":"#EFEFFF"},"neutral":{"primary":"#252435","secondary":"#5D5D70","tertiary":"#69697D","on-neutral":"#F0F0F3"},"info":{"primary":"#114785","secondary":"#005CBB","tertiary":"#0068D2","on-info":"#E7F2FE"},"success":{"primary":"#1C502D","secondary":"#186C38","tertiary":"#1B7A3F","on-success":"#E8F3EC"},"warning":{"primary":"#783211","secondary":"#A63C00","tertiary":"#BB4300","on-warning":"#FBEEE7"},"error":{"primary":"#8B1B11","secondary":"#BF0500","tertiary":"#D70600","on-error":"#FEEDEC"},"disabled":{"primary":"#A9A9BF","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#E2E2EA"},"semantic":{"contextual":{"primary":"#FFFFFF33"},"overlay":{"primary":"#FFFFFF33"},"brand":{"primary":"#5C5CD3","secondary":"#A2A2FF","tertiary":"#D0D0FF"},"neutral":{"primary":"#69697D","secondary":"#A9A9BF","tertiary":"#D3D4E0"},"info":{"primary":"#0068D2","secondary":"#69B0F8","tertiary":"#B5D8FC"},"success":{"primary":"#1B7A3F","secondary":"#76B990","tertiary":"#BBDCC8"},"warning":{"primary":"#BB4300","secondary":"#E7986C","tertiary":"#F3CDB7"},"error":{"primary":"#D70600","secondary":"#FB8B88","tertiary":"#FDC7C6"},"disabled":{"primary":"#E2E2EA"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}},"anct-dark":{"globals":{"colors":{"logo-1":"#2845C1","logo-2":"#FBC63A","logo-1-dark":"#94A3E5","logo-2-dark":"#EFD183","brand-050":"#EEF0F9","brand-100":"#DDE2F5","brand-150":"#CBD4F1","brand-200":"#B8C6F0","brand-250":"#A5B7F2","brand-300":"#91A8F7","brand-350":"#7C98FE","brand-400":"#6A89FF","brand-450":"#5A7AFB","brand-500":"#4B6BF0","brand-550":"#3E5CE7","brand-600":"#3352D5","brand-650":"#2A47C0","brand-700":"#2340A3","brand-750":"#223A7F","brand-800":"#1F325F","brand-850":"#1B2845","brand-900":"#151E30","brand-950":"#0D121D","gray-000":"#FFFFFF","gray-025":"#F6F8FA","gray-050":"#ECF1F7","gray-100":"#DDE3F3","gray-150":"#CCD4EA","gray-200":"#BCC7E0","gray-250":"#AEB9D2","gray-300":"#A1ABC4","gray-350":"#949EB6","gray-400":"#8791A9","gray-450":"#7A849B","gray-500":"#6D778E","gray-550":"#616A81","gray-600":"#555E75","gray-650":"#495268","gray-700":"#3E475C","gray-750":"#333B50","gray-800":"#283044","gray-850":"#1E2539","gray-900":"#171B28","gray-950":"#0F1118","gray-1000":"#000000","info-050":"#E9F2F8","info-100":"#D2E5F1","info-150":"#C0D7F0","info-200":"#AEC8F0","info-250":"#9EB9F2","info-300":"#8DABEE","info-350":"#7B9DE9","info-400":"#6E8FDB","info-450":"#6282CD","info-500":"#5575BF","info-550":"#4968B1","info-600":"#3E5CA3","info-650":"#344F97","info-700":"#294389","info-750":"#243972","info-800":"#1D2F5B","info-850":"#1A2744","info-900":"#151D2F","info-950":"#0E131F","success-050":"#E7F1E9","success-100":"#CFE3D3","success-150":"#B9D8C0","success-200":"#A1CEAC","success-250":"#85C496","success-300":"#63BC7F","success-350":"#45B16B","success-400":"#1CA659","success-450":"#00984C","success-500":"#008A3F","success-550":"#007C32","success-600":"#006E24","success-650":"#016016","success-700":"#005305","success-750":"#0D450A","success-800":"#11380E","success-850":"#132A11","success-900":"#101E0F","success-950":"#091209","warning-050":"#F6F0E8","warning-100":"#EDE2D1","warning-150":"#E6D3B8","warning-200":"#E3C39F","warning-250":"#E3B082","warning-300":"#E19E5C","warning-350":"#D98E3F","warning-400":"#CF7D19","warning-450":"#C17000","warning-500":"#B36300","warning-550":"#A45600","warning-600":"#964900","warning-650":"#893C00","warning-700":"#7B2F00","warning-750":"#68270D","warning-800":"#562013","warning-850":"#411D18","warning-900":"#2E1714","warning-950":"#1D0F0D","error-050":"#F9EFEC","error-100":"#F4DFD9","error-150":"#F0CEC6","error-200":"#EEBCB2","error-250":"#EEA99D","error-300":"#EF9487","error-350":"#F37C6E","error-400":"#F65F53","error-450":"#EF443C","error-500":"#E0342E","error-550":"#D0201F","error-600":"#C0000C","error-650":"#AA0000","error-700":"#910C06","error-750":"#731E16","error-800":"#58201A","error-850":"#411D18","error-900":"#2E1714","error-950":"#1D0F0D","red-050":"#F9EFEC","red-100":"#F4DEDA","red-150":"#F0CDC9","red-200":"#EEBBB6","red-250":"#EEA8A2","red-300":"#F0938D","red-350":"#EC7E78","red-400":"#E46D67","red-450":"#D95B58","red-500":"#CA4E4B","red-550":"#BB403F","red-600":"#AC3233","red-650":"#9D2227","red-700":"#882023","red-750":"#721D1B","red-800":"#58201A","red-850":"#401D18","red-900":"#2E1714","red-950":"#1D0F0D","orange-050":"#F8F0E9","orange-100":"#F1E0D3","orange-150":"#ECD0BD","orange-200":"#E9C0A5","orange-250":"#E8AE8A","orange-300":"#EB9870","orange-350":"#EB845A","orange-400":"#E66E37","orange-450":"#DD5B16","orange-500":"#CE4D00","orange-550":"#BF3E00","orange-600":"#B02F00","orange-650":"#A11E00","orange-700":"#8A1E14","orange-750":"#731E16","orange-800":"#58201A","orange-850":"#401D18","orange-900":"#2E1714","orange-950":"#1D0F0D","brown-050":"#F5F0E8","brown-100":"#ECE2D1","brown-150":"#E9D1B9","brown-200":"#E3C19D","brown-250":"#DCB187","brown-300":"#D2A26F","brown-350":"#C49562","brown-400":"#B68855","brown-450":"#A97B48","brown-500":"#9B6E3B","brown-550":"#8E612F","brown-600":"#815521","brown-650":"#744913","brown-700":"#673D00","brown-750":"#5A3100","brown-800":"#4E2600","brown-850":"#3D1F0B","brown-900":"#2C170F","brown-950":"#1C0F0B","yellow-050":"#F3F0E7","yellow-100":"#E9E2CF","yellow-150":"#E0D4B7","yellow-200":"#DAC59A","yellow-250":"#D5B67A","yellow-300":"#D0A559","yellow-350":"#CC9331","yellow-400":"#C48400","yellow-450":"#B77600","yellow-500":"#AA6800","yellow-550":"#9D5A00","yellow-600":"#914D00","yellow-650":"#843F00","yellow-700":"#773200","yellow-750":"#6A2601","yellow-800":"#56210F","yellow-850":"#401D16","yellow-900":"#2E1714","yellow-950":"#1D0F0D","green-050":"#E3F1EF","green-100":"#CAE5E1","green-150":"#B0DBD4","green-200":"#91D1C7","green-250":"#6AC8BC","green-300":"#4DBCAF","green-350":"#3CAFA2","green-400":"#2AA194","green-450":"#109487","green-500":"#00867A","green-550":"#00786D","green-600":"#016A60","green-650":"#015D53","green-700":"#005047","green-750":"#00443B","green-800":"#00382F","green-850":"#002C25","green-900":"#041F1A","green-950":"#041310","blue1-050":"#EAF2F9","blue1-100":"#D4E4F3","blue1-150":"#BFD7F0","blue1-200":"#AAC9EF","blue1-250":"#96BBF1","blue1-300":"#82ACF6","blue1-350":"#709BFE","blue1-400":"#608BFF","blue1-450":"#537BFB","blue1-500":"#476DEC","blue1-550":"#3C60DD","blue1-600":"#3252CF","blue1-650":"#2B48B9","blue1-700":"#28409B","blue1-750":"#24397E","blue1-800":"#223260","blue1-850":"#1F2A48","blue1-900":"#191F32","blue1-950":"#111320","blue2-050":"#E5F2F3","blue2-100":"#CDE6EC","blue2-150":"#B7D9EA","blue2-200":"#9BCDE7","blue2-250":"#84C1E0","blue2-300":"#6BB4D8","blue2-350":"#5CA6CB","blue2-400":"#4D99BC","blue2-450":"#3E8CAE","blue2-500":"#2F7FA2","blue2-550":"#1F7295","blue2-600":"#056688","blue2-650":"#00597B","blue2-700":"#004C6C","blue2-750":"#003F5E","blue2-800":"#003353","blue2-850":"#0C273E","blue2-900":"#0E1C2C","blue2-950":"#0A121C","purple-050":"#EDF1FA","purple-100":"#DCE2F5","purple-150":"#CCD4F1","purple-200":"#BCC4F0","purple-250":"#ADB6F2","purple-300":"#9EA6F6","purple-350":"#8E95FD","purple-400":"#8083FF","purple-450":"#7173FF","purple-500":"#6665F1","purple-550":"#5B57E2","purple-600":"#5049D4","purple-650":"#4641BC","purple-700":"#3D39A2","purple-750":"#363680","purple-800":"#2E3162","purple-850":"#242848","purple-900":"#1C1E32","purple-950":"#121320","pink-050":"#F8EFF4","pink-100":"#F0DEE9","pink-150":"#EBCDDF","pink-200":"#E7BDD6","pink-250":"#E5A9CC","pink-300":"#E695C0","pink-350":"#EA7CAE","pink-400":"#E4659F","pink-450":"#DD4F93","pink-500":"#CD4085","pink-550":"#BE3279","pink-600":"#AE216D","pink-650":"#9B195D","pink-700":"#86164E","pink-750":"#6E1B3D","pink-800":"#551E31","pink-850":"#3F1C24","pink-900":"#2D161A","pink-950":"#1C0E10","black-000":"#191B2200","black-050":"#191B220D","black-100":"#191B221A","black-150":"#191B2226","black-200":"#191B2233","black-250":"#191B2240","black-300":"#191B224D","black-350":"#191B2259","black-400":"#191B2266","black-450":"#191B2273","black-500":"#191B2280","black-550":"#191B228C","black-600":"#191B2299","black-650":"#191B22A6","black-700":"#191B22B2","black-750":"#191B22BF","black-800":"#191B22CC","black-850":"#191B22D9","black-900":"#191B22E5","black-950":"#0F1115F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"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":100,"extrabold":800,"black":900},"families":{"accent":"Marianne, Inter, Roboto Flex Variable, sans-serif","base":"Marianne, Inter, Roboto Flex Variable, sans-serif"}},"spacings":{"0":"0","none":"0","auto":"auto","bx":"2.2rem","full":"100%","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","2xl":"3rem","xxxl":"3.5rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xxs":"320px","xs":"480px","mobile":"768px","tablet":"1024px"}},"contextuals":{"background":{"surface":{"primary":"#2F2F40","secondary":"#252435","tertiary":"#1A1A2A"},"semantic":{"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"overlay":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"brand":{"primary":"#5C5CD3","primary-hover":"#4747A3","secondary":"#3D3D8C","secondary-hover":"#34356E","tertiary":"#34356E","tertiary-hover":"#2C2D54"},"neutral":{"primary":"#69697D","primary-hover":"#515164","secondary":"#454558","secondary-hover":"#3A3A4C","tertiary":"#3A3A4C","tertiary-hover":"#2F2F40"},"info":{"primary":"#0068D2","primary-hover":"#0051A3","secondary":"#114785","secondary-hover":"#173D6A","tertiary":"#173D6A","tertiary-hover":"#183251"},"success":{"primary":"#1B7A3F","primary-hover":"#155F31","secondary":"#1C502D","secondary-hover":"#1E4229","tertiary":"#1E4229","tertiary-hover":"#1C3524"},"warning":{"primary":"#BB4300","primary-hover":"#913400","secondary":"#783211","secondary-hover":"#602E17","tertiary":"#602E17","tertiary-hover":"#4C2818"},"error":{"primary":"#D70600","primary-hover":"#A90500","secondary":"#8B1B11","secondary-hover":"#712017","tertiary":"#712017","tertiary-hover":"#582018"},"disabled":{"primary":"#3A3A4C","secondary":"#2F2F40"}},"palette":{"brand":{"primary":"#9393FB","secondary":"#7575F2","tertiary":"#5C5CD3"},"red":{"primary":"#EF7A82","secondary":"#E94A55","tertiary":"#E1000F"},"orange":{"primary":"#E58459","secondary":"#C86A40","tertiary":"#A25533"},"brown":{"primary":"#BB9679","secondary":"#9C7D64","tertiary":"#7E6551"},"yellow":{"primary":"#C3992A","secondary":"#A27E21","tertiary":"#83661B"},"green":{"primary":"#22B374","secondary":"#009755","tertiary":"#007A44"},"blue-1":{},"blue-2":{"primary":"#44ACB3","secondary":"#05929B","tertiary":"#00767C"},"purple":{"primary":"#C18DBE","secondary":"#B06CAB","tertiary":"#975093"},"pink":{"primary":"#E18B76","secondary":"#B86088","tertiary":"#955B4D"},"gray":{"primary":"#9C9CB2","secondary":"#828297","tertiary":"#69697D"}}},"content":{"logo1":"#C5C5F0","logo2":"#C1C1FF","semantic":{"contextual":{"primary":"#000000D9"},"overlay":{"primary":"#000000D9"},"brand":{"primary":"#EFEFFF","secondary":"#E0E0FF","tertiary":"#B2B2FF","on-brand":"#EFEFFF"},"neutral":{"primary":"#F0F0F3","secondary":"#E2E2EA","tertiary":"#B7B7CB","on-neutral":"#F0F0F3"},"info":{"primary":"#E7F2FE","secondary":"#CEE5FD","tertiary":"#83BDF9","on-info":"#E7F2FE"},"success":{"primary":"#E8F3EC","secondary":"#D1E8DA","tertiary":"#8DC5A3","on-success":"#E8F3EC"},"warning":{"primary":"#FBEEE7","secondary":"#F7DDCF","tertiary":"#EBAA86","on-warning":"#FBEEE7"},"error":{"primary":"#FEEDEC","secondary":"#FEDAD9","tertiary":"#FCA09E","on-error":"#FEEDEC"},"disabled":{"primary":"#5D5D70","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6969DF"},"red":{"primary":"#E52835"},"orange":{"primary":"#B65F3A"},"brown":{"primary":"#8D725B"},"yellow":{"primary":"#92721F"},"green":{"primary":"#00894D"},"blue-1":{},"blue-2":{"primary":"#009099"},"purple":{"primary":"#8F58A5"},"pink":{"primary":"#A66657"},"gray":{"primary":"#75758A"}}},"border":{"surface":{"primary":"#3A3A4C"},"semantic":{"contextual":{"primary":"#00000033"},"overlay":{"primary":"#00000033"},"brand":{"primary":"#7575F2","secondary":"#5151BB","tertiary":"#3D3D8C"},"neutral":{"primary":"#828297","secondary":"#5D5D70","tertiary":"#454558"},"info":{"primary":"#1583F4","secondary":"#005CBB","tertiary":"#114785"},"success":{"primary":"#309556","secondary":"#186C38","tertiary":"#1C502D"},"warning":{"primary":"#DA5E18","secondary":"#A63C00","tertiary":"#783211"},"error":{"primary":"#F83832","secondary":"#BF0500","tertiary":"#8B1B11"},"disabled":{"primary":"#2F2F40"}}}},"components":{"modal":{"width-small":"342px"},"tooltip":{"padding":"4px 8px","background-color":"#F0F0F3"},"button":{"medium-height":"40px","medium-text-height":"40px","border-radius":"4px","border-radius--active":"4px","border-radius--focus":"4px"},"datagrid":{"header--color":"#252435","header--size":"12px","header--weight":"500","body--background-color-hover":"#F0F0F3"},"forms-checkbox":{"font-size":"0.875rem"},"badge":{"font-size":"0.75rem","border-radius":"12px","padding-inline":"0.5rem","padding-block":"0.375rem","accent":{"background-color":"#E0E0FF","color":"#5151BB"},"neutral":{"background-color":"#E2E2EA","color":"#5D5D70"},"danger":{"background-color":"#FEDAD9","color":"#BF0500"},"success":{"background-color":"#D1E8DA","color":"#186C38"},"warning":{"background-color":"#F7DDCF","color":"#A63C00"},"info":{"background-color":"#CEE5FD","color":"#005CBB"}}}}}}; diff --git a/src/hooks/useCustomTranslations.ts b/src/hooks/useCustomTranslations.ts index 8f2959e..23fe684 100644 --- a/src/hooks/useCustomTranslations.ts +++ b/src/hooks/useCustomTranslations.ts @@ -1,4 +1,4 @@ -import { useCunningham } from "@openfun/cunningham-react"; +import { useCunningham } from "@gouvfr-lasuite/cunningham-react"; import type { TranslationKey } from "../types/translations"; /** diff --git a/src/library.scss b/src/library.scss index 13c64de..f928e8f 100644 --- a/src/library.scss +++ b/src/library.scss @@ -1,4 +1,4 @@ -@use "@openfun/cunningham-react/style"; +@use "@gouvfr-lasuite/cunningham-react/style"; @use "cunningham-custom-style"; @use "./components/button"; @use "./components/dropdown-menu"; diff --git a/src/locales/Locale.tsx b/src/locales/Locale.tsx index 4642aab..8bc54d6 100644 --- a/src/locales/Locale.tsx +++ b/src/locales/Locale.tsx @@ -1,4 +1,4 @@ -import {enUS as originalEnUS, frFR as originalFrFR} from "@openfun/cunningham-react"; +import {enUS as originalEnUS, frFR as originalFrFR} from "@gouvfr-lasuite/cunningham-react"; import { default as enUS } from "./en-US.json"; import { default as frFR } from "./fr-FR.json"; import { deepMerge } from "../utils/objects"; diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss index a8056e7..e8f4613 100644 --- a/src/styles/fonts.scss +++ b/src/styles/fonts.scss @@ -1,3 +1,3 @@ @use "../assets/fonts/Marianne/Marianne-font.css"; -@use "@openfun/cunningham-react/sass/icons"; +@use "@gouvfr-lasuite/cunningham-react/sass/icons"; @use "@fontsource/material-icons"; diff --git a/vite.config.ts b/vite.config.ts index fc9c3bc..f2ea21c 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -16,7 +16,7 @@ export default defineConfig({ cssFileName: "style", }, rollupOptions: { - external: ["react", "react-dom", "@openfun/cunningham-react"], + external: ["react", "react-dom", "@gouvfr-lasuite/cunningham-react"], output: { globals: { react: "React", diff --git a/yarn.lock b/yarn.lock index 2919565..a49d78b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -852,6 +852,11 @@ resolved "https://registry.yarnpkg.com/@fontsource-variable/roboto-flex/-/roboto-flex-5.2.5.tgz#38368ea754697c2fdf08df11b06e8b6d391ff4c1" integrity sha512-yrZ9rWNvfM4IBqJSpoFV4wC1GaKNwpzhihyBke+N3WiA0Y7LYxwj6kvvHgecabVIHFL3ZZJTwj3KcKOCyASFPg== +"@fontsource/hanken-grotesk@5.2.8": + version "5.2.8" + resolved "https://registry.npmjs.org/@fontsource/hanken-grotesk/-/hanken-grotesk-5.2.8.tgz#d59c570a7ae1125ccb3baa5cf43fb4eaa02a427d" + integrity sha512-J/e6hdfNCbyc4WK5hmZtk0zjaIsFx3pvCdPVxY25iYw2C9v1ZggGz4nfHnRjMhcz4WfaadUuwLNtvj8sQ70tkg== + "@fontsource/material-icons-outlined@5.2.5": version "5.2.5" resolved "https://registry.yarnpkg.com/@fontsource/material-icons-outlined/-/material-icons-outlined-5.2.5.tgz#16b4b2a8dcd1fbd69d4182792a65f7b41b8cb230" @@ -903,6 +908,68 @@ dependencies: tslib "^2.8.0" +"@gouvfr-lasuite/cunningham-react@file:../../openfun/cunningham/packages/react": + version "4.1.0" + dependencies: + "@fontsource-variable/roboto-flex" "5.2.5" + "@fontsource/material-icons-outlined" "5.2.5" + "@gouvfr-lasuite/cunningham-tokens" "*" + "@internationalized/date" "3.8.0" + "@react-aria/calendar" "3.8.0" + "@react-aria/datepicker" "3.14.2" + "@react-aria/i18n" "3.12.8" + "@react-stately/calendar" "3.8.0" + "@react-stately/datepicker" "3.14.0" + "@tanstack/react-table" "8.21.3" + "@types/react-modal" "3.16.3" + chromatic "11.28.2" + classnames "2.5.1" + downshift "9.0.9" + react-aria "3.39.0" + react-aria-components "1.8.0" + react-modal "3.16.3" + react-stately "3.37.0" + +"@gouvfr-lasuite/cunningham-react@file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/react": + version "4.1.0" + dependencies: + "@fontsource-variable/roboto-flex" "5.2.5" + "@fontsource/material-icons-outlined" "5.2.5" + "@gouvfr-lasuite/cunningham-tokens" "*" + "@internationalized/date" "3.8.0" + "@react-aria/calendar" "3.8.0" + "@react-aria/datepicker" "3.14.2" + "@react-aria/i18n" "3.12.8" + "@react-stately/calendar" "3.8.0" + "@react-stately/datepicker" "3.14.0" + "@tanstack/react-table" "8.21.3" + "@types/react-modal" "3.16.3" + chromatic "11.28.2" + classnames "2.5.1" + downshift "9.0.9" + react-aria "3.39.0" + react-aria-components "1.8.0" + react-modal "3.16.3" + react-stately "3.37.0" + +"@gouvfr-lasuite/cunningham-tokens@*", "@gouvfr-lasuite/cunningham-tokens@file:///Users/jbpenrath/dev/github/openfun/cunningham/packages/tokens": + version "3.1.0" + dependencies: + chalk "4.1.2" + commander "13.1.0" + deepmerge "4.3.1" + figlet "1.8.1" + ts-node "10.9.2" + +"@gouvfr-lasuite/cunningham-tokens@file:../../openfun/cunningham/packages/tokens": + version "3.1.0" + dependencies: + chalk "4.1.2" + commander "13.1.0" + deepmerge "4.3.1" + figlet "1.8.1" + ts-node "10.9.2" + "@gouvfr-lasuite/integration@1.0.2": version "1.0.2" resolved "https://registry.yarnpkg.com/@gouvfr-lasuite/integration/-/integration-1.0.2.tgz#ed0000f4b738c5a19bb60f5b80a9a2f5d9414234" @@ -1122,41 +1189,6 @@ "@nodelib/fs.scandir" "2.1.5" fastq "^1.6.0" -"@openfun/cunningham-react@4.0.0": - version "4.0.0" - resolved "https://registry.yarnpkg.com/@openfun/cunningham-react/-/cunningham-react-4.0.0.tgz#5d273c72a2ced76cf060931b546238b7ee75c6ec" - integrity sha512-2JgIRDl2UE/PMcOrjjfxbhFRwEwF7JFAaPoN/Xjq+sOYHP6WasRxFRrkwhnuZ5ZU7lOpzaAFyPtkawoBF6GsEQ== - dependencies: - "@fontsource-variable/roboto-flex" "5.2.5" - "@fontsource/material-icons-outlined" "5.2.5" - "@internationalized/date" "3.8.0" - "@openfun/cunningham-tokens" "*" - "@react-aria/calendar" "3.8.0" - "@react-aria/datepicker" "3.14.2" - "@react-aria/i18n" "3.12.8" - "@react-stately/calendar" "3.8.0" - "@react-stately/datepicker" "3.14.0" - "@tanstack/react-table" "8.21.3" - "@types/react-modal" "3.16.3" - chromatic "11.28.2" - classnames "2.5.1" - downshift "9.0.9" - react-aria "3.39.0" - react-aria-components "1.8.0" - react-modal "3.16.3" - react-stately "3.37.0" - -"@openfun/cunningham-tokens@*": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@openfun/cunningham-tokens/-/cunningham-tokens-3.0.0.tgz#2346ebcb7d18a35cbbb1c4f4c501f238173a3c8c" - integrity sha512-YMLLL7CaQA1+kuSVxf3UgXNjdyeX6Dj2Kdlz/9+lX2ePm51rPxZsEGXWeUVafNLFH+T/zpsajiEzgJ9mBEJd5w== - dependencies: - chalk "4.1.2" - commander "13.1.0" - deepmerge "4.3.1" - figlet "1.8.1" - ts-node "10.9.2" - "@parcel/watcher-android-arm64@2.5.1": version "2.5.1" resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1" @@ -3260,6 +3292,18 @@ resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== +"@types/lodash.merge@4.6.9": + version "4.6.9" + resolved "https://registry.npmjs.org/@types/lodash.merge/-/lodash.merge-4.6.9.tgz#93e94796997ed9a3ebe9ccf071ccaec4c6bc8fb8" + integrity sha512-23sHDPmzd59kUgWyKGiOMO2Qb9YtqRO/x4IhkgNUiPQ1+5MUVqi6bCZeq9nBJ17msjIMbEIO5u+XW4Kz6aGUhQ== + dependencies: + "@types/lodash" "*" + +"@types/lodash@*": + version "4.17.21" + resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.21.tgz#b806831543d696b14f8112db600ea9d3a1df6ea4" + integrity sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ== + "@types/mdast@^4.0.0": version "4.0.4" resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.4.tgz#7ccf72edd2f1aa7dd3437e180c64373585804dd6" @@ -5375,7 +5419,7 @@ lodash-es@^4.17.21: resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee" integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw== -lodash.merge@^4.6.2: +lodash.merge@4.6.2, lodash.merge@^4.6.2: version "4.6.2" resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==