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==