{ "$schema": "https://cdn.futur.se/api/schema/tokens.json", "description": "Futurs design tokens exporterade från Figma. Tre lager: primitives (råvärden), theme (light/dark mappning), semantic (komponent-tokens).", "updated": "2026-05-05", "source": "https://cdn.futur.se/tokens/figma-tokens.css", "layers": { "brand-primitives": { "token_count": 245, "categories": { "clr": { "count": 148, "tokens": { "--clr-accent-base": "#65e697", "--clr-accent-shade-1": "#46ca7e", "--clr-accent-shade-2": "#26b268", "--clr-accent-shade-3": "#00934c", "--clr-accent-shade-4": "#00793f", "--clr-accent-tint-1": "#74eea3", "--clr-accent-tint-2": "#81f6ae", "--clr-accent-tint-3": "#b0fac9", "--clr-accent-tint-4": "#d9fde4", "--clr-border-ring-drk": "var(--clr-opacity-lgt-12)", "--clr-border-ring-lgt": "var(--clr-opacity-drk-8)", "--clr-grad-prm-bottom": "linear-gradient(0deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-bottom-left": "linear-gradient(66.52deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-bottom-right": "linear-gradient(293.48deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-end": "var(--clr-key-ter)", "--clr-grad-prm-left": "linear-gradient(90deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-right": "linear-gradient(270deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-start": "var(--clr-key-sec)", "--clr-grad-prm-top": "linear-gradient(180deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-top-left": "linear-gradient(113.48deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-prm-top-right": "linear-gradient(246.52deg, var(--clr-grad-prm-start) 0%, var(--clr-grad-prm-end) 100%)", "--clr-grad-sec-bottom": "linear-gradient(0deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-bottom-left": "linear-gradient(66.52deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-bottom-right": "linear-gradient(293.48deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-end": "var(--clr-key-accent)", "--clr-grad-sec-left": "linear-gradient(90deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-right": "linear-gradient(270deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-start": "var(--clr-key-sec)", "--clr-grad-sec-top": "linear-gradient(180deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-top-left": "linear-gradient(113.48deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sec-top-right": "linear-gradient(246.52deg, var(--clr-grad-sec-start) 0%, var(--clr-grad-sec-end) 100%)", "--clr-grad-sig-heat-bottom": "linear-gradient(0deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-bottom-left": "linear-gradient(66.52deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-bottom-right": "linear-gradient(293.48deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-end": "var(--clr-signal-warn-base)", "--clr-grad-sig-heat-left": "linear-gradient(90deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-right": "linear-gradient(270deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-start": "var(--clr-signal-crit-shade-1)", "--clr-grad-sig-heat-top": "linear-gradient(180deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-top-left": "linear-gradient(113.48deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-sig-heat-top-right": "linear-gradient(246.52deg, var(--clr-grad-sig-heat-start) 0%, var(--clr-grad-sig-heat-end) 100%)", "--clr-grad-ter-bottom": "linear-gradient(0deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-bottom-left": "linear-gradient(66.52deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-bottom-right": "linear-gradient(293.48deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-end": "var(--clr-key-prm)", "--clr-grad-ter-left": "linear-gradient(90deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-right": "linear-gradient(270deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-start": "var(--clr-key-sec)", "--clr-grad-ter-top": "linear-gradient(180deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-top-left": "linear-gradient(113.48deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-grad-ter-top-right": "linear-gradient(246.52deg, var(--clr-grad-ter-start) 0%, var(--clr-grad-ter-end) 100%)", "--clr-highlight-edge-drk": "var(--clr-opacity-lgt-12)", "--clr-highlight-edge-lgt": "var(--clr-opacity-drk-8)", "--clr-key-accent": "#65e697", "--clr-key-black": "#141414", "--clr-key-light": "#eaf9fb", "--clr-key-offwhite": "#f0efee", "--clr-key-prm": "#061f51", "--clr-key-sec": "#0000ff", "--clr-key-ter": "#01bede", "--clr-key-white": "#ffffff", "--clr-neutral-base": "#141414", "--clr-neutral-tint-1": "#1d1d1d", "--clr-neutral-tint-10": "#ffffff", "--clr-neutral-tint-2": "#2a2c2b", "--clr-neutral-tint-3": "#3d403f", "--clr-neutral-tint-4": "#5b5f5e", "--clr-neutral-tint-5": "#7c7f7e", "--clr-neutral-tint-6": "#9d9995", "--clr-neutral-tint-7": "#c4c7c6", "--clr-neutral-tint-8": "#e1e3e2", "--clr-neutral-tint-9": "#f0efee", "--clr-opacity-drk-0": "#00000000", "--clr-opacity-drk-100": "#000000", "--clr-opacity-drk-12": "#0000001f", "--clr-opacity-drk-16": "#00000029", "--clr-opacity-drk-20": "#00000033", "--clr-opacity-drk-38": "#00000061", "--clr-opacity-drk-60": "#00000099", "--clr-opacity-drk-8": "#00000014", "--clr-opacity-drk-90": "#000000e5", "--clr-opacity-lgt-0": "#ffffff00", "--clr-opacity-lgt-100": "#ffffff", "--clr-opacity-lgt-12": "#ffffff1f", "--clr-opacity-lgt-16": "#ffffff29", "--clr-opacity-lgt-20": "#ffffff33", "--clr-opacity-lgt-38": "#ffffff61", "--clr-opacity-lgt-60": "#ffffff99", "--clr-opacity-lgt-8": "#ffffff14", "--clr-opacity-lgt-90": "#ffffffe5", "--clr-outline-drk": "var(--clr-opacity-lgt-100)", "--clr-outline-lgt": "var(--clr-opacity-drk-100)", "--clr-shadow-far-drk": "var(--clr-opacity-lgt-12)", "--clr-shadow-far-lgt": "var(--clr-opacity-drk-12)", "--clr-shadow-near-drk": "var(--clr-opacity-lgt-8)", "--clr-shadow-near-lgt": "var(--clr-opacity-drk-8)", "--clr-signal-caution-base": "#fff200", "--clr-signal-caution-shade-1": "#eee200", "--clr-signal-caution-shade-2": "#ddd300", "--clr-signal-caution-shade-3": "#ccc400", "--clr-signal-caution-shade-4": "#bfb800", "--clr-signal-caution-tint-1": "#fff450", "--clr-signal-caution-tint-2": "#fff678", "--clr-signal-caution-tint-3": "#fff9a7", "--clr-signal-caution-tint-4": "#fffabd", "--clr-signal-crit-base": "#e85967", "--clr-signal-crit-shade-1": "#d34657", "--clr-signal-crit-shade-2": "#c13549", "--clr-signal-crit-shade-3": "#b1243d", "--clr-signal-crit-shade-4": "#a91937", "--clr-signal-crit-tint-1": "#f0777e", "--clr-signal-crit-tint-2": "#f79497", "--clr-signal-crit-tint-3": "#fdb8b9", "--clr-signal-crit-tint-4": "#ffdcdb", "--clr-signal-warn-base": "#ff9545", "--clr-signal-warn-shade-1": "#ff801f", "--clr-signal-warn-shade-2": "#f56a00", "--clr-signal-warn-shade-3": "#e06100", "--clr-signal-warn-shade-4": "#b85000", "--clr-signal-warn-tint-1": "#ffa35c", "--clr-signal-warn-tint-2": "#ffae70", "--clr-signal-warn-tint-3": "#ffba85", "--clr-signal-warn-tint-4": "#ffc599", "--clr-tonal-prm-base": "#061f51", "--clr-tonal-prm-tint-1": "#051a70", "--clr-tonal-prm-tint-2": "#05148f", "--clr-tonal-prm-tint-3": "#030fad", "--clr-tonal-prm-tint-4": "#030acc", "--clr-tonal-prm-tint-5": "#0005eb", "--clr-tonal-sec-base": "#0000ff", "--clr-tonal-sec-tint-1": "#0d29fa", "--clr-tonal-sec-tint-2": "#144ff5", "--clr-tonal-sec-tint-3": "#1f70f2", "--clr-tonal-sec-tint-4": "#2694ed", "--clr-tonal-sec-tint-5": "#30b8e8", "--clr-tonal-ter-base": "#01bede", "--clr-tonal-ter-shade-1": "#0a9db8", "--clr-tonal-ter-shade-2": "#08859b", "--clr-tonal-ter-shade-3": "#076c7e", "--clr-tonal-ter-shade-4": "#055361", "--clr-tonal-ter-shade-5": "#033038", "--clr-tonal-ter-shade-6": "#022127", "--clr-tonal-ter-tint-1": "#33cce6", "--clr-tonal-ter-tint-2": "#6bd9eb", "--clr-tonal-ter-tint-3": "#8fe3f0", "--clr-tonal-ter-tint-4": "#abe8f2", "--clr-tonal-ter-tint-5": "#d6f5f7", "--clr-tonal-ter-tint-6": "#ebfafa" } }, "fnt": { "count": 42, "tokens": { "--fnt-family-gilroy": "Gilroy", "--fnt-family-inter": "Inter", "--fnt-family-roboto-mono": "Roboto Mono", "--fnt-letter-spacing-none": "0rem", "--fnt-letter-spacing-small": "0.0006rem", "--fnt-line-height-01": "1.25rem", "--fnt-line-height-02": "1.5rem", "--fnt-line-height-03": "2rem", "--fnt-line-height-04": "2.5rem", "--fnt-line-height-05": "3.5rem", "--fnt-line-height-06": "3.75rem", "--fnt-line-height-07": "5rem", "--fnt-line-height-08": "7.5rem", "--fnt-line-height-09": "10rem", "--fnt-size-01": "0.75rem", "--fnt-size-02": "0.875rem", "--fnt-size-03": "1rem", "--fnt-size-04": "1.25rem", "--fnt-size-05": "1.5rem", "--fnt-size-06": "1.75rem", "--fnt-size-07": "2rem", "--fnt-size-08": "2.5rem", "--fnt-size-09": "3rem", "--fnt-size-10": "4rem", "--fnt-size-11": "6rem", "--fnt-size-12": "8rem", "--fnt-style-italic": "italic", "--fnt-style-normal": "normal", "--fnt-text-decoration-none": "none", "--fnt-text-decoration-underline": "underline", "--fnt-vw-max-vw": "120rem", "--fnt-vw-min-vw": "22.5rem", "--fnt-weight-300": "300", "--fnt-weight-400": "400", "--fnt-weight-500": "500", "--fnt-weight-600": "600", "--fnt-weight-700": "700", "--fnt-weight-bold": "bold", "--fnt-weight-light": "light", "--fnt-weight-medium": "medium", "--fnt-weight-regular": "regular", "--fnt-weight-semibold": "semibold" } }, "fx": { "count": 21, "tokens": { "--fx-blur-md": "backdrop-filter: blur(20px)", "--fx-blur-none": "backdrop-filter: blur(0px)", "--fx-elv-0": "0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-3": "0px 1px 8px rgba(0, 0, 0, 0.06), 0px 3px 4px rgba(0, 0, 0, 0.08), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-6": "0px 1px 18px rgba(0, 0, 0, 0.06), 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 3px 5px -1px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-drk-0": "0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 0px 0px rgba(255, 255, 255, 0)", "--fx-elv-drk-3": "0px 1px 8px rgba(255, 255, 255, 0.06), 0px 3px 4px rgba(255, 255, 255, 0.08), 0px 3px 3px -2px rgba(255, 255, 255, 0.12), inset 0px 0px 0px rgba(255, 255, 255, 0)", "--fx-elv-drk-6": "0px 1px 18px rgba(255, 255, 255, 0.06), 0px 6px 10px rgba(255, 255, 255, 0.08), 0px 3px 5px -1px rgba(255, 255, 255, 0.12), inset 0px 0px 0px rgba(255, 255, 255, 0)", "--fx-elv-drk-inset-1": "0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 2px 0px rgba(255, 255, 255, 0.2)", "--fx-elv-inset-1": "0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 2px 0px rgba(0, 0, 0, 0.2)", "--fx-elv-lgt-0": "0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-lgt-3": "0px 1px 8px rgba(0, 0, 0, 0.06), 0px 3px 4px rgba(0, 0, 0, 0.08), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-lgt-6": "0px 1px 18px rgba(0, 0, 0, 0.06), 0px 6px 10px rgba(0, 0, 0, 0.08), 0px 3px 5px -1px rgba(0, 0, 0, 0.12), inset 0px 0px 0px rgba(0, 0, 0, 0)", "--fx-elv-lgt-inset-1": "0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 2px 0px rgba(0, 0, 0, 0.2)", "--fx-elv-lift": "translateY(-2px)", "--fx-elv-surface-base-drk": "inset 0 0 0 1px var(--clr-border-ring-drk), inset 0 1px 0 var(--clr-highlight-edge-drk), 0 1px 2px var(--clr-shadow-near-drk), 0 1px 2px var(--clr-shadow-far-drk)", "--fx-elv-surface-base-lgt": "inset 0 0 0 1px var(--clr-border-ring-lgt), inset 0 1px 0 var(--clr-highlight-edge-lgt), 0 1px 2px var(--clr-shadow-near-lgt), 0 1px 2px var(--clr-shadow-far-lgt)", "--fx-elv-surface-elevated-drk": "inset 0 0 1px 1px var(--clr-border-ring-drk), inset 0 1px 0 var(--clr-highlight-edge-drk), 0 1px 2px var(--clr-shadow-near-drk), 0 3px 6px var(--clr-shadow-far-drk)", "--fx-elv-surface-elevated-lgt": "inset 0 0 0 1px var(--clr-border-ring-lgt), inset 0 1px 0 var(--clr-highlight-edge-lgt), 0 1px 2px var(--clr-shadow-near-lgt), 0 3px 6px var(--clr-shadow-far-lgt)", "--fx-flt-hover-drk": "brightness(1.3)", "--fx-flt-hover-lgt": "brightness(0.92)" } }, "mtn": { "count": 3, "tokens": { "--mtn-duration-md": "200ms", "--mtn-duration-sm": "150ms", "--mtn-ease-default": "cubic-bezier(0.4, 0, 0.2, 1)" } }, "shp": { "count": 7, "tokens": { "--shp-full": "62.5rem", "--shp-lg": "1.25rem", "--shp-md": "0.75rem", "--shp-none": "0rem", "--shp-sm": "0.5rem", "--shp-xl": "2rem", "--shp-xs": "0.25rem" } }, "spc": { "count": 24, "tokens": { "--spc-00": "0rem", "--spc-01": "0.125rem", "--spc-02": "0.25rem", "--spc-03": "0.5rem", "--spc-04": "0.75rem", "--spc-05": "1rem", "--spc-06": "1.25rem", "--spc-07": "1.5rem", "--spc-08": "2rem", "--spc-09": "2.5rem", "--spc-10": "3rem", "--spc-11": "4rem", "--spc-12": "5rem", "--spc-13": "6rem", "--spc-14": "10rem", "--spc-15": "15rem", "--spc-gap-lg": "var(--spc-08)", "--spc-gap-md": "var(--spc-05)", "--spc-gap-none": "var(--spc-00)", "--spc-gap-sm": "var(--spc-03)", "--spc-gap-xl": "var(--spc-10)", "--spc-gap-xs": "var(--spc-02)", "--spc-outline-focus-offset": "var(--spc-01)", "--spc-outline-focus-width": "var(--spc-01)" } } } }, "light-theme": { "token_count": 239, "categories": { "background": { "count": 129, "tokens": { "--background-button-accent-active": "var(--clr-accent-tint-4)", "--background-button-accent-default": "var(--clr-accent-base)", "--background-button-accent-disabled": "var(--clr-neutral-tint-7)", "--background-button-accent-focus": "var(--clr-accent-tint-2)", "--background-button-accent-hover": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-active": "var(--clr-accent-tint-4)", "--background-button-accent-inverse-default": "var(--clr-accent-base)", "--background-button-accent-inverse-disabled": "var(--clr-neutral-tint-4)", "--background-button-accent-inverse-focus": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-hover": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-loading": "var(--clr-neutral-tint-4)", "--background-button-accent-loading": "var(--clr-neutral-tint-7)", "--background-button-primary-active": "var(--clr-tonal-prm-tint-4)", "--background-button-primary-default": "var(--clr-key-prm)", "--background-button-primary-disabled": "var(--clr-neutral-tint-7)", "--background-button-primary-focus": "var(--clr-tonal-prm-tint-2)", "--background-button-primary-hover": "var(--clr-tonal-prm-tint-2)", "--background-button-primary-inverse-active": "var(--clr-tonal-ter-tint-4)", "--background-button-primary-inverse-default": "var(--clr-key-ter)", "--background-button-primary-inverse-disabled": "var(--clr-neutral-tint-4)", "--background-button-primary-inverse-focus": "var(--clr-tonal-ter-tint-2)", "--background-button-primary-inverse-hover": "var(--clr-tonal-ter-tint-2)", "--background-button-primary-inverse-loading": "var(--clr-neutral-tint-4)", "--background-button-primary-loading": "var(--clr-neutral-tint-7)", "--background-button-secondary-active": "var(--clr-opacity-drk-8)", "--background-button-secondary-default": "var(--clr-opacity-drk-0)", "--background-button-secondary-disabled": "var(--clr-neutral-tint-7)", "--background-button-secondary-focus": "var(--clr-opacity-drk-12)", "--background-button-secondary-hover": "var(--clr-opacity-drk-8)", "--background-button-secondary-inverse-active": "var(--clr-opacity-lgt-8)", "--background-button-secondary-inverse-default": "var(--clr-opacity-lgt-0)", "--background-button-secondary-inverse-disabled": "var(--clr-neutral-tint-4)", "--background-button-secondary-inverse-focus": "var(--clr-opacity-lgt-12)", "--background-button-secondary-inverse-hover": "var(--clr-opacity-lgt-8)", "--background-button-secondary-inverse-loading": "var(--clr-neutral-tint-4)", "--background-button-secondary-loading": "var(--clr-neutral-tint-7)", "--background-button-warning-active": "var(--clr-signal-crit-shade-4)", "--background-button-warning-default": "var(--clr-signal-crit-base)", "--background-button-warning-disabled": "var(--clr-neutral-tint-7)", "--background-button-warning-focus": "var(--clr-signal-crit-shade-2)", "--background-button-warning-hover": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-active": "var(--clr-signal-crit-shade-4)", "--background-button-warning-inverse-default": "var(--clr-signal-crit-base)", "--background-button-warning-inverse-disabled": "var(--clr-neutral-tint-4)", "--background-button-warning-inverse-focus": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-hover": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-loading": "var(--clr-neutral-tint-4)", "--background-button-warning-loading": "var(--clr-neutral-tint-7)", "--background-contextual-menu-active": "var(--clr-tonal-ter-tint-5)", "--background-contextual-menu-default": "var(--clr-key-white)", "--background-dialog-default": "var(--clr-neutral-tint-10)", "--background-distractor-primary": "var(--clr-opacity-drk-60)", "--background-filter-chip-selected-active": "var(--clr-tonal-prm-tint-2)", "--background-filter-chip-selected-default": "var(--clr-key-prm)", "--background-filter-chip-selected-disabled": "var(--clr-opacity-drk-20)", "--background-filter-chip-selected-focus": "var(--clr-tonal-prm-tint-1)", "--background-filter-chip-selected-hover": "var(--clr-tonal-prm-tint-1)", "--background-filter-chip-unselected-active": "var(--clr-tonal-ter-tint-4)", "--background-filter-chip-unselected-default": "var(--clr-key-light)", "--background-filter-chip-unselected-disabled": "var(--clr-opacity-drk-12)", "--background-filter-chip-unselected-focus": "var(--clr-tonal-ter-tint-5)", "--background-filter-chip-unselected-hover": "var(--clr-tonal-ter-tint-5)", "--background-inverse-primary": "var(--clr-key-black)", "--background-inverse-quarternary": "var(--clr-key-prm)", "--background-inverse-secondary": "var(--clr-neutral-tint-1)", "--background-inverse-tertiary": "var(--clr-tonal-ter-shade-5)", "--background-listitem-prm-accent": "var(--clr-accent-tint-3)", "--background-listitem-prm-critical": "var(--clr-signal-crit-tint-3)", "--background-listitem-prm-default": "var(--clr-key-white)", "--background-listitem-prm-disabled": "var(--clr-opacity-drk-8)", "--background-listitem-qua-accent": "var(--clr-accent-shade-4)", "--background-listitem-qua-critical": "var(--clr-signal-crit-shade-2)", "--background-listitem-qua-default": "var(--clr-tonal-prm-tint-2)", "--background-listitem-qua-disabled": "var(--clr-opacity-lgt-8)", "--background-listitem-sec-accent": "var(--clr-accent-tint-3)", "--background-listitem-sec-critical": "var(--clr-signal-crit-tint-3)", "--background-listitem-sec-default": "var(--clr-key-light)", "--background-listitem-sec-disabled": "var(--clr-opacity-drk-8)", "--background-listitem-ter-accent": "var(--clr-accent-tint-3)", "--background-listitem-ter-critical": "var(--clr-signal-crit-tint-3)", "--background-listitem-ter-default": "var(--clr-key-white)", "--background-listitem-ter-disabled": "var(--clr-opacity-drk-8)", "--background-muted": "var(--clr-neutral-tint-9)", "--background-primary": "var(--clr-key-offwhite)", "--background-progress-bar-track-background": "var(--clr-opacity-drk-16)", "--background-progress-bar-track-fill-countdown-default": "var(--clr-grad-prm-left)", "--background-progress-bar-track-fill-countdown-warning": "var(--clr-grad-sig-heat-left)", "--background-progress-bar-track-fill-primary-default": "var(--clr-grad-prm-right)", "--background-progress-bar-track-fill-primary-warning": "var(--clr-grad-sig-heat-right)", "--background-quarternary": "var(--clr-key-prm)", "--background-secondary": "var(--clr-key-white)", "--background-signal-critical": "var(--clr-signal-crit-tint-3)", "--background-signal-info": "var(--clr-tonal-ter-tint-4)", "--background-signal-inverse-critical": "var(--clr-signal-crit-base)", "--background-signal-inverse-info": "var(--clr-tonal-ter-base)", "--background-signal-inverse-success": "var(--clr-accent-base)", "--background-signal-inverse-warning": "var(--clr-signal-warn-base)", "--background-signal-success": "var(--clr-accent-tint-3)", "--background-signal-warning": "var(--clr-signal-warn-tint-3)", "--background-surface-active": "var(--clr-opacity-drk-8)", "--background-surface-border-ring": "var(--clr-border-ring-lgt)", "--background-surface-default": "var(--clr-opacity-drk-0)", "--background-surface-disabled": "var(--clr-opacity-drk-0)", "--background-surface-filter-hover": "var(--fx-flt-hover-lgt)", "--background-surface-focus": "var(--clr-opacity-drk-8)", "--background-surface-highlight-edge": "var(--clr-highlight-edge-lgt)", "--background-surface-hover": "var(--clr-opacity-drk-8)", "--background-surface-inverse-active": "var(--clr-opacity-lgt-20)", "--background-surface-inverse-default": "var(--clr-opacity-lgt-0)", "--background-surface-inverse-disabled": "var(--clr-opacity-lgt-0)", "--background-surface-inverse-focus": "var(--clr-opacity-lgt-20)", "--background-surface-inverse-hover": "var(--clr-opacity-lgt-20)", "--background-surface-shadow-far": "var(--clr-shadow-far-lgt)", "--background-surface-shadow-near": "var(--clr-shadow-near-lgt)", "--background-tab-active": "var(--clr-opacity-drk-12)", "--background-tab-active-indicator": "var(--clr-grad-prm-left)", "--background-tab-default": "var(--clr-opacity-drk-0)", "--background-tab-disabled": "var(--clr-opacity-drk-0)", "--background-tab-focus": "var(--clr-opacity-drk-8)", "--background-tab-hover": "var(--clr-opacity-drk-8)", "--background-tab-inverse-active": "var(--clr-opacity-lgt-12)", "--background-tab-inverse-active-indicator": "var(--clr-grad-prm-right)", "--background-tab-inverse-default": "var(--clr-opacity-lgt-0)", "--background-tab-inverse-disabled": "var(--clr-opacity-lgt-0)", "--background-tab-inverse-focus": "var(--clr-opacity-lgt-8)", "--background-tab-inverse-hover": "var(--clr-opacity-lgt-8)", "--background-tab-inverse-ripple": "var(--clr-opacity-lgt-16)", "--background-tab-ripple": "var(--clr-opacity-drk-16)", "--background-tertiary": "var(--clr-key-light)" } }, "border": { "count": 26, "tokens": { "--border-button-default": "var(--clr-opacity-drk-100)", "--border-button-disabled": "var(--clr-opacity-drk-0)", "--border-button-inverse-default": "var(--clr-opacity-lgt-100)", "--border-button-inverse-disabled": "var(--clr-opacity-lgt-0)", "--border-filter-chip-focus-ring-inner": "var(--clr-key-white)", "--border-filter-chip-focus-ring-outer": "var(--clr-key-black)", "--border-filter-chip-selected-active": "var(--clr-key-prm)", "--border-filter-chip-selected-default": "var(--clr-key-prm)", "--border-filter-chip-selected-disabled": "var(--clr-opacity-drk-12)", "--border-filter-chip-selected-focus": "var(--clr-key-prm)", "--border-filter-chip-selected-hover": "var(--clr-key-prm)", "--border-filter-chip-unselected-active": "var(--clr-key-ter)", "--border-filter-chip-unselected-default": "var(--clr-key-ter)", "--border-filter-chip-unselected-disabled": "var(--clr-opacity-drk-12)", "--border-filter-chip-unselected-focus": "var(--clr-key-ter)", "--border-filter-chip-unselected-hover": "var(--clr-key-ter)", "--border-inverse-primary": "var(--clr-key-ter)", "--border-inverse-quarternary": "var(--clr-key-sec)", "--border-inverse-secondary": "var(--clr-neutral-tint-10)", "--border-inverse-tertiary": "var(--clr-opacity-lgt-20)", "--border-outline-default": "var(--clr-outline-lgt)", "--border-outline-inverse": "var(--clr-outline-drk)", "--border-primary": "var(--clr-key-ter)", "--border-quarternary": "var(--clr-key-sec)", "--border-secondary": "var(--clr-neutral-base)", "--border-tertiary": "var(--clr-opacity-drk-20)" } }, "brand": { "count": 3, "tokens": { "--brand-primary": "var(--clr-key-prm)", "--brand-secondary": "var(--clr-key-sec)", "--brand-tertiary": "var(--clr-key-ter)" } }, "chart": { "count": 10, "tokens": { "--chart-base-color-1": "var(--clr-key-prm)", "--chart-base-color-10": "var(--clr-tonal-ter-tint-4)", "--chart-base-color-2": "var(--clr-key-sec)", "--chart-base-color-3": "var(--clr-key-ter)", "--chart-base-color-4": "var(--clr-key-accent)", "--chart-base-color-5": "var(--clr-neutral-tint-5)", "--chart-base-color-6": "var(--clr-signal-crit-base)", "--chart-base-color-7": "var(--clr-signal-warn-base)", "--chart-base-color-8": "var(--clr-signal-caution-base)", "--chart-base-color-9": "var(--clr-neutral-tint-7)" } }, "content": { "count": 63, "tokens": { "--content-button-accent-active": "var(--clr-key-black)", "--content-button-accent-default": "var(--clr-key-black)", "--content-button-accent-disabled": "var(--clr-neutral-tint-4)", "--content-button-accent-focus": "var(--clr-key-black)", "--content-button-accent-hover": "var(--clr-key-black)", "--content-button-accent-inverse-active": "var(--clr-key-black)", "--content-button-accent-inverse-default": "var(--clr-key-black)", "--content-button-accent-inverse-disabled": "var(--clr-neutral-tint-6)", "--content-button-accent-inverse-focus": "var(--clr-key-black)", "--content-button-accent-inverse-hover": "var(--clr-key-black)", "--content-button-accent-inverse-loading": "var(--clr-neutral-tint-6)", "--content-button-accent-loading": "var(--clr-neutral-tint-4)", "--content-button-primary-active": "var(--clr-key-white)", "--content-button-primary-default": "var(--clr-key-white)", "--content-button-primary-disabled": "var(--clr-neutral-tint-4)", "--content-button-primary-focus": "var(--clr-key-white)", "--content-button-primary-hover": "var(--clr-key-white)", "--content-button-primary-inverse-active": "var(--clr-key-black)", "--content-button-primary-inverse-default": "var(--clr-key-black)", "--content-button-primary-inverse-disabled": "var(--clr-neutral-tint-6)", "--content-button-primary-inverse-focus": "var(--clr-key-black)", "--content-button-primary-inverse-hover": "var(--clr-key-black)", "--content-button-primary-inverse-loading": "var(--clr-neutral-tint-6)", "--content-button-primary-loading": "var(--clr-neutral-tint-4)", "--content-button-secondary-active": "var(--clr-key-black)", "--content-button-secondary-default": "var(--clr-key-black)", "--content-button-secondary-disabled": "var(--clr-neutral-tint-4)", "--content-button-secondary-focus": "var(--clr-key-black)", "--content-button-secondary-hover": "var(--clr-key-black)", "--content-button-secondary-inverse-active": "var(--clr-key-white)", "--content-button-secondary-inverse-default": "var(--clr-key-white)", "--content-button-secondary-inverse-disabled": "var(--clr-neutral-tint-6)", "--content-button-secondary-inverse-focus": "var(--clr-key-white)", "--content-button-secondary-inverse-hover": "var(--clr-key-white)", "--content-button-secondary-inverse-loading": "var(--clr-neutral-tint-6)", "--content-button-secondary-loading": "var(--clr-neutral-tint-4)", "--content-button-warning-active": "var(--clr-key-white)", "--content-button-warning-default": "var(--clr-key-white)", "--content-button-warning-disabled": "var(--clr-neutral-tint-4)", "--content-button-warning-focus": "var(--clr-key-white)", "--content-button-warning-hover": "var(--clr-key-white)", "--content-button-warning-inverse-active": "var(--clr-key-white)", "--content-button-warning-inverse-default": "var(--clr-key-white)", "--content-button-warning-inverse-disabled": "var(--clr-neutral-tint-6)", "--content-button-warning-inverse-focus": "var(--clr-key-white)", "--content-button-warning-inverse-hover": "var(--clr-key-white)", "--content-button-warning-inverse-loading": "var(--clr-neutral-tint-6)", "--content-button-warning-loading": "var(--clr-neutral-tint-4)", "--content-contextual-menu-critical": "var(--clr-signal-crit-shade-2)", "--content-contextual-menu-default": "var(--clr-key-black)", "--content-contextual-menu-selected": "var(--clr-key-black)", "--content-filter-chip-selected-disabled": "var(--clr-neutral-tint-4)", "--content-filter-chip-unselected-disabled": "var(--clr-neutral-tint-4)", "--content-inverse-primary": "var(--clr-key-white)", "--content-inverse-secondary": "var(--clr-key-ter)", "--content-inverse-tertiary": "var(--clr-neutral-tint-6)", "--content-no-inverse-negative": "var(--clr-signal-crit-tint-3)", "--content-no-inverse-positive": "var(--clr-accent-base)", "--content-no-negative": "var(--clr-signal-crit-shade-2)", "--content-no-positive": "var(--clr-tonal-sec-base)", "--content-primary": "var(--clr-key-black)", "--content-secondary": "var(--clr-key-prm)", "--content-tertiary": "var(--clr-neutral-tint-4)" } }, "elevation": { "count": 8, "tokens": { "--elevation-button-active": "var(--fx-elv-lgt-inset-1)", "--elevation-button-hover": "var(--fx-elv-lgt-3)", "--elevation-contextual-menu-default": "var(--fx-elv-lgt-6)", "--elevation-header-default": "var(--fx-elv-lgt-0)", "--elevation-header-scrolled": "var(--fx-elv-lgt-6)", "--elevation-surface-base": "var(--fx-elv-surface-base-lgt)", "--elevation-surface-elevated": "var(--fx-elv-surface-elevated-lgt)", "--elevation-surface-pressed": "var(--fx-elv-inset-1)" } } } }, "dark-theme": { "token_count": 239, "categories": { "background": { "count": 129, "tokens": { "--background-button-accent-active": "var(--clr-accent-tint-4)", "--background-button-accent-default": "var(--clr-accent-base)", "--background-button-accent-disabled": "var(--clr-neutral-tint-4)", "--background-button-accent-focus": "var(--clr-accent-tint-2)", "--background-button-accent-hover": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-active": "var(--clr-accent-tint-4)", "--background-button-accent-inverse-default": "var(--clr-accent-base)", "--background-button-accent-inverse-disabled": "var(--clr-neutral-tint-7)", "--background-button-accent-inverse-focus": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-hover": "var(--clr-accent-tint-2)", "--background-button-accent-inverse-loading": "var(--clr-neutral-tint-7)", "--background-button-accent-loading": "var(--clr-neutral-tint-4)", "--background-button-primary-active": "var(--clr-tonal-ter-tint-4)", "--background-button-primary-default": "var(--clr-key-ter)", "--background-button-primary-disabled": "var(--clr-neutral-tint-4)", "--background-button-primary-focus": "var(--clr-tonal-ter-tint-2)", "--background-button-primary-hover": "var(--clr-tonal-ter-tint-2)", "--background-button-primary-inverse-active": "var(--clr-tonal-prm-tint-4)", "--background-button-primary-inverse-default": "var(--clr-key-prm)", "--background-button-primary-inverse-disabled": "var(--clr-neutral-tint-7)", "--background-button-primary-inverse-focus": "var(--clr-tonal-prm-tint-2)", "--background-button-primary-inverse-hover": "var(--clr-tonal-prm-tint-2)", "--background-button-primary-inverse-loading": "var(--clr-neutral-tint-7)", "--background-button-primary-loading": "var(--clr-neutral-tint-4)", "--background-button-secondary-active": "var(--clr-opacity-lgt-8)", "--background-button-secondary-default": "var(--clr-opacity-lgt-0)", "--background-button-secondary-disabled": "var(--clr-neutral-tint-4)", "--background-button-secondary-focus": "var(--clr-opacity-lgt-12)", "--background-button-secondary-hover": "var(--clr-opacity-lgt-8)", "--background-button-secondary-inverse-active": "var(--clr-opacity-drk-8)", "--background-button-secondary-inverse-default": "var(--clr-opacity-drk-0)", "--background-button-secondary-inverse-disabled": "var(--clr-neutral-tint-7)", "--background-button-secondary-inverse-focus": "var(--clr-opacity-drk-12)", "--background-button-secondary-inverse-hover": "var(--clr-opacity-drk-8)", "--background-button-secondary-inverse-loading": "var(--clr-neutral-tint-7)", "--background-button-secondary-loading": "var(--clr-neutral-tint-4)", "--background-button-warning-active": "var(--clr-signal-crit-shade-4)", "--background-button-warning-default": "var(--clr-signal-crit-base)", "--background-button-warning-disabled": "var(--clr-neutral-tint-4)", "--background-button-warning-focus": "var(--clr-signal-crit-shade-2)", "--background-button-warning-hover": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-active": "var(--clr-signal-crit-shade-4)", "--background-button-warning-inverse-default": "var(--clr-signal-crit-base)", "--background-button-warning-inverse-disabled": "var(--clr-neutral-tint-7)", "--background-button-warning-inverse-focus": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-hover": "var(--clr-signal-crit-shade-2)", "--background-button-warning-inverse-loading": "var(--clr-neutral-tint-7)", "--background-button-warning-loading": "var(--clr-neutral-tint-4)", "--background-contextual-menu-active": "var(--clr-key-ter)", "--background-contextual-menu-default": "var(--clr-neutral-tint-3)", "--background-dialog-default": "var(--clr-neutral-tint-2)", "--background-distractor-primary": "var(--clr-opacity-drk-38)", "--background-filter-chip-selected-active": "var(--clr-tonal-ter-tint-2)", "--background-filter-chip-selected-default": "var(--clr-key-ter)", "--background-filter-chip-selected-disabled": "var(--clr-opacity-lgt-20)", "--background-filter-chip-selected-focus": "var(--clr-tonal-ter-tint-1)", "--background-filter-chip-selected-hover": "var(--clr-tonal-ter-tint-1)", "--background-filter-chip-unselected-active": "var(--clr-tonal-prm-tint-2)", "--background-filter-chip-unselected-default": "var(--clr-key-prm)", "--background-filter-chip-unselected-disabled": "var(--clr-opacity-lgt-12)", "--background-filter-chip-unselected-focus": "var(--clr-tonal-prm-tint-1)", "--background-filter-chip-unselected-hover": "var(--clr-tonal-prm-tint-1)", "--background-inverse-primary": "var(--clr-key-offwhite)", "--background-inverse-quarternary": "var(--clr-key-prm)", "--background-inverse-secondary": "var(--clr-key-white)", "--background-inverse-tertiary": "var(--clr-key-light)", "--background-listitem-prm-accent": "var(--clr-accent-shade-4)", "--background-listitem-prm-critical": "var(--clr-signal-crit-shade-2)", "--background-listitem-prm-default": "var(--clr-neutral-tint-1)", "--background-listitem-prm-disabled": "var(--clr-opacity-lgt-8)", "--background-listitem-qua-accent": "var(--clr-accent-shade-4)", "--background-listitem-qua-critical": "var(--clr-signal-crit-shade-2)", "--background-listitem-qua-default": "var(--clr-tonal-prm-tint-2)", "--background-listitem-qua-disabled": "var(--clr-opacity-lgt-8)", "--background-listitem-sec-accent": "var(--clr-accent-shade-4)", "--background-listitem-sec-critical": "var(--clr-signal-crit-shade-2)", "--background-listitem-sec-default": "var(--clr-tonal-ter-shade-5)", "--background-listitem-sec-disabled": "var(--clr-opacity-lgt-8)", "--background-listitem-ter-accent": "var(--clr-accent-shade-4)", "--background-listitem-ter-critical": "var(--clr-signal-crit-shade-2)", "--background-listitem-ter-default": "var(--clr-neutral-tint-1)", "--background-listitem-ter-disabled": "var(--clr-opacity-lgt-12)", "--background-muted": "var(--clr-neutral-tint-2)", "--background-primary": "var(--clr-key-black)", "--background-progress-bar-track-background": "var(--clr-opacity-lgt-16)", "--background-progress-bar-track-fill-countdown-default": "var(--clr-grad-prm-right)", "--background-progress-bar-track-fill-countdown-warning": "var(--clr-grad-sig-heat-right)", "--background-progress-bar-track-fill-primary-default": "var(--clr-grad-prm-left)", "--background-progress-bar-track-fill-primary-warning": "var(--clr-grad-sig-heat-left)", "--background-quarternary": "var(--clr-key-prm)", "--background-secondary": "var(--clr-neutral-tint-1)", "--background-signal-critical": "var(--clr-signal-crit-base)", "--background-signal-info": "var(--clr-tonal-ter-base)", "--background-signal-inverse-critical": "var(--clr-signal-crit-tint-3)", "--background-signal-inverse-info": "var(--clr-tonal-ter-tint-4)", "--background-signal-inverse-success": "var(--clr-accent-tint-3)", "--background-signal-inverse-warning": "var(--clr-signal-warn-tint-3)", "--background-signal-success": "var(--clr-accent-base)", "--background-signal-warning": "var(--clr-signal-warn-base)", "--background-surface-active": "var(--clr-opacity-lgt-20)", "--background-surface-border-ring": "var(--clr-border-ring-drk)", "--background-surface-default": "var(--clr-opacity-lgt-0)", "--background-surface-disabled": "var(--clr-opacity-lgt-0)", "--background-surface-filter-hover": "var(--fx-flt-hover-drk)", "--background-surface-focus": "var(--clr-opacity-lgt-20)", "--background-surface-highlight-edge": "var(--clr-highlight-edge-drk)", "--background-surface-hover": "var(--clr-opacity-lgt-20)", "--background-surface-inverse-active": "var(--clr-opacity-drk-8)", "--background-surface-inverse-default": "var(--clr-opacity-drk-0)", "--background-surface-inverse-disabled": "var(--clr-opacity-drk-0)", "--background-surface-inverse-focus": "var(--clr-opacity-drk-8)", "--background-surface-inverse-hover": "var(--clr-opacity-drk-8)", "--background-surface-shadow-far": "var(--clr-shadow-far-drk)", "--background-surface-shadow-near": "var(--clr-shadow-near-drk)", "--background-tab-active": "var(--clr-opacity-lgt-12)", "--background-tab-active-indicator": "var(--clr-grad-prm-right)", "--background-tab-default": "var(--clr-opacity-lgt-0)", "--background-tab-disabled": "var(--clr-opacity-lgt-0)", "--background-tab-focus": "var(--clr-opacity-lgt-8)", "--background-tab-hover": "var(--clr-opacity-lgt-8)", "--background-tab-inverse-active": "var(--clr-opacity-drk-12)", "--background-tab-inverse-active-indicator": "var(--clr-grad-prm-left)", "--background-tab-inverse-default": "var(--clr-opacity-drk-0)", "--background-tab-inverse-disabled": "var(--clr-opacity-drk-0)", "--background-tab-inverse-focus": "var(--clr-opacity-drk-8)", "--background-tab-inverse-hover": "var(--clr-opacity-drk-8)", "--background-tab-inverse-ripple": "var(--clr-opacity-drk-16)", "--background-tab-ripple": "var(--clr-opacity-lgt-16)", "--background-tertiary": "var(--clr-tonal-ter-shade-5)" } }, "border": { "count": 26, "tokens": { "--border-button-default": "var(--clr-opacity-lgt-100)", "--border-button-disabled": "var(--clr-opacity-lgt-0)", "--border-button-inverse-default": "var(--clr-opacity-drk-100)", "--border-button-inverse-disabled": "var(--clr-opacity-drk-0)", "--border-filter-chip-focus-ring-inner": "var(--clr-key-white)", "--border-filter-chip-focus-ring-outer": "var(--clr-key-black)", "--border-filter-chip-selected-active": "var(--clr-opacity-lgt-0)", "--border-filter-chip-selected-default": "var(--clr-opacity-lgt-0)", "--border-filter-chip-selected-disabled": "var(--clr-opacity-lgt-12)", "--border-filter-chip-selected-focus": "var(--clr-opacity-lgt-0)", "--border-filter-chip-selected-hover": "var(--clr-opacity-lgt-0)", "--border-filter-chip-unselected-active": "var(--clr-key-ter)", "--border-filter-chip-unselected-default": "var(--clr-key-ter)", "--border-filter-chip-unselected-disabled": "var(--clr-opacity-lgt-12)", "--border-filter-chip-unselected-focus": "var(--clr-key-ter)", "--border-filter-chip-unselected-hover": "var(--clr-key-ter)", "--border-inverse-primary": "var(--clr-key-ter)", "--border-inverse-quarternary": "var(--clr-key-sec)", "--border-inverse-secondary": "var(--clr-neutral-base)", "--border-inverse-tertiary": "var(--clr-opacity-drk-20)", "--border-outline-default": "var(--clr-outline-drk)", "--border-outline-inverse": "var(--clr-outline-lgt)", "--border-primary": "var(--clr-key-ter)", "--border-quarternary": "var(--clr-key-sec)", "--border-secondary": "var(--clr-neutral-tint-10)", "--border-tertiary": "var(--clr-opacity-lgt-20)" } }, "brand": { "count": 3, "tokens": { "--brand-primary": "var(--clr-key-prm)", "--brand-secondary": "var(--clr-key-sec)", "--brand-tertiary": "var(--clr-key-ter)" } }, "chart": { "count": 10, "tokens": { "--chart-base-color-1": "var(--clr-key-ter)", "--chart-base-color-10": "var(--clr-tonal-ter-tint-4)", "--chart-base-color-2": "var(--clr-tonal-sec-tint-2)", "--chart-base-color-3": "var(--clr-key-accent)", "--chart-base-color-4": "var(--clr-key-light)", "--chart-base-color-5": "var(--clr-neutral-tint-5)", "--chart-base-color-6": "var(--clr-signal-crit-base)", "--chart-base-color-7": "var(--clr-signal-warn-base)", "--chart-base-color-8": "var(--clr-signal-caution-base)", "--chart-base-color-9": "var(--clr-neutral-tint-7)" } }, "content": { "count": 63, "tokens": { "--content-button-accent-active": "var(--clr-key-black)", "--content-button-accent-default": "var(--clr-key-black)", "--content-button-accent-disabled": "var(--clr-neutral-tint-6)", "--content-button-accent-focus": "var(--clr-key-black)", "--content-button-accent-hover": "var(--clr-key-black)", "--content-button-accent-inverse-active": "var(--clr-key-black)", "--content-button-accent-inverse-default": "var(--clr-key-black)", "--content-button-accent-inverse-disabled": "var(--clr-neutral-tint-4)", "--content-button-accent-inverse-focus": "var(--clr-key-black)", "--content-button-accent-inverse-hover": "var(--clr-key-black)", "--content-button-accent-inverse-loading": "var(--clr-neutral-tint-4)", "--content-button-accent-loading": "var(--clr-neutral-tint-6)", "--content-button-primary-active": "var(--clr-key-black)", "--content-button-primary-default": "var(--clr-key-black)", "--content-button-primary-disabled": "var(--clr-neutral-tint-6)", "--content-button-primary-focus": "var(--clr-key-black)", "--content-button-primary-hover": "var(--clr-key-black)", "--content-button-primary-inverse-active": "var(--clr-key-white)", "--content-button-primary-inverse-default": "var(--clr-key-white)", "--content-button-primary-inverse-disabled": "var(--clr-neutral-tint-4)", "--content-button-primary-inverse-focus": "var(--clr-key-white)", "--content-button-primary-inverse-hover": "var(--clr-key-white)", "--content-button-primary-inverse-loading": "var(--clr-neutral-tint-4)", "--content-button-primary-loading": "var(--clr-neutral-tint-6)", "--content-button-secondary-active": "var(--clr-key-white)", "--content-button-secondary-default": "var(--clr-key-white)", "--content-button-secondary-disabled": "var(--clr-neutral-tint-6)", "--content-button-secondary-focus": "var(--clr-key-white)", "--content-button-secondary-hover": "var(--clr-key-white)", "--content-button-secondary-inverse-active": "var(--clr-key-black)", "--content-button-secondary-inverse-default": "var(--clr-key-black)", "--content-button-secondary-inverse-disabled": "var(--clr-neutral-tint-4)", "--content-button-secondary-inverse-focus": "var(--clr-key-black)", "--content-button-secondary-inverse-hover": "var(--clr-key-black)", "--content-button-secondary-inverse-loading": "var(--clr-neutral-tint-4)", "--content-button-secondary-loading": "var(--clr-neutral-tint-6)", "--content-button-warning-active": "var(--clr-key-white)", "--content-button-warning-default": "var(--clr-key-white)", "--content-button-warning-disabled": "var(--clr-neutral-tint-6)", "--content-button-warning-focus": "var(--clr-key-white)", "--content-button-warning-hover": "var(--clr-key-white)", "--content-button-warning-inverse-active": "var(--clr-key-white)", "--content-button-warning-inverse-default": "var(--clr-key-white)", "--content-button-warning-inverse-disabled": "var(--clr-neutral-tint-4)", "--content-button-warning-inverse-focus": "var(--clr-key-white)", "--content-button-warning-inverse-hover": "var(--clr-key-white)", "--content-button-warning-inverse-loading": "var(--clr-neutral-tint-4)", "--content-button-warning-loading": "var(--clr-neutral-tint-6)", "--content-contextual-menu-critical": "var(--clr-signal-crit-tint-1)", "--content-contextual-menu-default": "var(--clr-key-white)", "--content-contextual-menu-selected": "var(--clr-key-black)", "--content-filter-chip-selected-disabled": "var(--clr-neutral-tint-6)", "--content-filter-chip-unselected-disabled": "var(--clr-neutral-tint-6)", "--content-inverse-primary": "var(--clr-key-black)", "--content-inverse-secondary": "var(--clr-key-prm)", "--content-inverse-tertiary": "var(--clr-neutral-tint-4)", "--content-no-inverse-negative": "var(--clr-signal-crit-shade-2)", "--content-no-inverse-positive": "var(--clr-tonal-sec-base)", "--content-no-negative": "var(--clr-signal-crit-tint-3)", "--content-no-positive": "var(--clr-accent-base)", "--content-primary": "var(--clr-key-white)", "--content-secondary": "var(--clr-key-ter)", "--content-tertiary": "var(--clr-neutral-tint-6)" } }, "elevation": { "count": 8, "tokens": { "--elevation-button-active": "var(--fx-elv-drk-inset-1)", "--elevation-button-hover": "var(--fx-elv-drk-3)", "--elevation-contextual-menu-default": "var(--fx-elv-drk-6)", "--elevation-header-default": "var(--fx-elv-lgt-0)", "--elevation-header-scrolled": "var(--fx-elv-drk-6)", "--elevation-surface-base": "var(--fx-elv-surface-base-drk)", "--elevation-surface-elevated": "var(--fx-elv-surface-elevated-drk)", "--elevation-surface-pressed": "var(--fx-elv-drk-inset-1)" } } } }, "semantic-tokens": { "token_count": 184, "categories": { "type": { "count": 129, "tokens": { "--type-family-body": "var(--fnt-family-inter)", "--type-family-code": "var(--fnt-family-roboto-mono)", "--type-family-disp": "var(--fnt-family-gilroy)", "--type-family-hl": "var(--fnt-family-gilroy)", "--type-family-label": "var(--fnt-family-inter)", "--type-family-title": "var(--fnt-family-gilroy)", "--type-letter-spacing-code-lg": "var(--fnt-letter-spacing-small)", "--type-letter-spacing-code-md": "var(--fnt-letter-spacing-small)", "--type-letter-spacing-code-sm": "var(--fnt-letter-spacing-small)", "--type-letter-spacing-label-lg": "var(--fnt-letter-spacing-small)", "--type-letter-spacing-label-md": "var(--fnt-letter-spacing-small)", "--type-letter-spacing-label-sm": "var(--fnt-letter-spacing-small)", "--type-line-height-body-lg": "var(--fnt-line-height-03)", "--type-line-height-body-md": "var(--fnt-line-height-02)", "--type-line-height-body-sm": "var(--fnt-line-height-02)", "--type-line-height-code-lg": "var(--fnt-line-height-02)", "--type-line-height-code-md": "var(--fnt-line-height-02)", "--type-line-height-code-sm": "var(--fnt-line-height-01)", "--type-line-height-disp-lg-desktop": "var(--fnt-line-height-09)", "--type-line-height-disp-lg-mobile": "var(--fnt-line-height-07)", "--type-line-height-disp-md-desktop": "var(--fnt-line-height-08)", "--type-line-height-disp-md-mobile": "var(--fnt-line-height-05)", "--type-line-height-disp-sm-desktop": "var(--fnt-line-height-07)", "--type-line-height-disp-sm-mobile": "var(--fnt-line-height-04)", "--type-line-height-hl-lg-desktop": "var(--fnt-line-height-05)", "--type-line-height-hl-lg-mobile": "var(--fnt-line-height-04)", "--type-line-height-hl-md-desktop": "var(--fnt-line-height-04)", "--type-line-height-hl-md-mobile": "var(--fnt-line-height-03)", "--type-line-height-hl-sm-desktop": "var(--fnt-line-height-03)", "--type-line-height-hl-sm-mobile": "var(--fnt-line-height-03)", "--type-line-height-label-lg": "var(--fnt-line-height-02)", "--type-line-height-label-md": "var(--fnt-line-height-02)", "--type-line-height-label-sm": "var(--fnt-line-height-01)", "--type-line-height-title-lg-desktop": "var(--fnt-line-height-03)", "--type-line-height-title-lg-mobile": "var(--fnt-line-height-03)", "--type-line-height-title-md-desktop": "var(--fnt-line-height-03)", "--type-line-height-title-md-mobile": "var(--fnt-line-height-02)", "--type-line-height-title-sm-desktop": "var(--fnt-line-height-02)", "--type-line-height-title-sm-mobile": "var(--fnt-line-height-02)", "--type-link-body-lnk-lg": "var(--fnt-text-decoration-underline)", "--type-link-body-lnk-md": "var(--fnt-text-decoration-underline)", "--type-link-body-lnk-sm": "var(--fnt-text-decoration-underline)", "--type-link-label-lnk-lg": "var(--fnt-text-decoration-underline)", "--type-link-label-lnk-md": "var(--fnt-text-decoration-underline)", "--type-link-label-lnk-sm": "var(--fnt-text-decoration-underline)", "--type-link-title-lnk-lg": "var(--fnt-text-decoration-underline)", "--type-link-title-lnk-md": "var(--fnt-text-decoration-underline)", "--type-link-title-lnk-sm": "var(--fnt-text-decoration-underline)", "--type-size-body-lg": "var(--fnt-size-04)", "--type-size-body-md": "var(--fnt-size-03)", "--type-size-body-sm": "var(--fnt-size-02)", "--type-size-code-lg": "var(--fnt-size-03)", "--type-size-code-md": "var(--fnt-size-02)", "--type-size-code-sm": "var(--fnt-size-01)", "--type-size-disp-lg-max": "var(--fnt-size-12)", "--type-size-disp-lg-min": "var(--fnt-size-10)", "--type-size-disp-md-max": "var(--fnt-size-11)", "--type-size-disp-md-min": "var(--fnt-size-08)", "--type-size-disp-sm-max": "var(--fnt-size-10)", "--type-size-disp-sm-min": "var(--fnt-size-07)", "--type-size-hl-lg-max": "var(--fnt-size-08)", "--type-size-hl-lg-min": "var(--fnt-size-07)", "--type-size-hl-md-max": "var(--fnt-size-07)", "--type-size-hl-md-min": "var(--fnt-size-05)", "--type-size-hl-sm-max": "var(--fnt-size-05)", "--type-size-hl-sm-min": "var(--fnt-size-04)", "--type-size-label-lg": "var(--fnt-size-03)", "--type-size-label-md": "var(--fnt-size-02)", "--type-size-label-sm": "var(--fnt-size-01)", "--type-size-title-lg-max": "var(--fnt-size-05)", "--type-size-title-lg-min": "var(--fnt-size-04)", "--type-size-title-md-max": "var(--fnt-size-04)", "--type-size-title-md-min": "var(--fnt-size-03)", "--type-size-title-sm-max": "var(--fnt-size-03)", "--type-size-title-sm-min": "var(--fnt-size-03)", "--type-style-body-default": "var(--fnt-style-normal)", "--type-style-code-default": "var(--fnt-style-normal)", "--type-style-disp-default": "var(--fnt-style-normal)", "--type-style-hl-default": "var(--fnt-style-normal)", "--type-style-label-default": "var(--fnt-style-normal)", "--type-style-title-default": "var(--fnt-style-normal)", "--type-weight-body-lnk-lg": "var(--fnt-weight-600)", "--type-weight-body-lnk-md": "var(--fnt-weight-600)", "--type-weight-body-lnk-sm": "var(--fnt-weight-600)", "--type-weight-body-prm-lg": "var(--fnt-weight-400)", "--type-weight-body-prm-md": "var(--fnt-weight-400)", "--type-weight-body-prm-sm": "var(--fnt-weight-400)", "--type-weight-body-str-lg": "var(--fnt-weight-700)", "--type-weight-body-str-md": "var(--fnt-weight-700)", "--type-weight-body-str-sm": "var(--fnt-weight-700)", "--type-weight-code-lnk-lg": "var(--fnt-weight-600)", "--type-weight-code-lnk-md": "var(--fnt-weight-600)", "--type-weight-code-lnk-sm": "var(--fnt-weight-600)", "--type-weight-code-prm-lg": "var(--fnt-weight-400)", "--type-weight-code-prm-md": "var(--fnt-weight-400)", "--type-weight-code-prm-sm": "var(--fnt-weight-400)", "--type-weight-code-str-lg": "var(--fnt-weight-700)", "--type-weight-code-str-md": "var(--fnt-weight-700)", "--type-weight-code-str-sm": "var(--fnt-weight-700)", "--type-weight-disp-prm-lg": "var(--fnt-weight-700)", "--type-weight-disp-prm-md": "var(--fnt-weight-700)", "--type-weight-disp-prm-sm": "var(--fnt-weight-700)", "--type-weight-disp-sec-lg": "var(--fnt-weight-300)", "--type-weight-disp-sec-md": "var(--fnt-weight-300)", "--type-weight-disp-sec-sm": "var(--fnt-weight-300)", "--type-weight-hl-prm-lg": "var(--fnt-weight-700)", "--type-weight-hl-prm-md": "var(--fnt-weight-700)", "--type-weight-hl-prm-sm": "var(--fnt-weight-700)", "--type-weight-hl-sec-lg": "var(--fnt-weight-500)", "--type-weight-hl-sec-md": "var(--fnt-weight-500)", "--type-weight-hl-sec-sm": "var(--fnt-weight-500)", "--type-weight-label-lnk-lg": "var(--fnt-weight-600)", "--type-weight-label-lnk-md": "var(--fnt-weight-600)", "--type-weight-label-lnk-sm": "var(--fnt-weight-600)", "--type-weight-label-prm-lg": "var(--fnt-weight-400)", "--type-weight-label-prm-md": "var(--fnt-weight-400)", "--type-weight-label-prm-sm": "var(--fnt-weight-400)", "--type-weight-label-str-lg": "var(--fnt-weight-700)", "--type-weight-label-str-md": "var(--fnt-weight-700)", "--type-weight-label-str-sm": "var(--fnt-weight-700)", "--type-weight-title-lnk-lg": "var(--fnt-weight-600)", "--type-weight-title-lnk-md": "var(--fnt-weight-600)", "--type-weight-title-lnk-sm": "var(--fnt-weight-600)", "--type-weight-title-prm-lg": "var(--fnt-weight-500)", "--type-weight-title-prm-md": "var(--fnt-weight-500)", "--type-weight-title-prm-sm": "var(--fnt-weight-500)", "--type-weight-title-str-lg": "var(--fnt-weight-700)", "--type-weight-title-str-md": "var(--fnt-weight-700)", "--type-weight-title-str-sm": "var(--fnt-weight-700)" } }, "icon": { "count": 6, "tokens": { "--icon-size-lg-desktop": "var(--spc-10)", "--icon-size-lg-mobile": "var(--spc-08)", "--icon-size-md-default": "var(--spc-07)", "--icon-size-sm-default": "var(--spc-05)", "--icon-size-xl-desktop": "var(--spc-13)", "--icon-size-xl-mobile": "var(--spc-10)" } }, "shape": { "count": 2, "tokens": { "--shape-button": "var(--shp-xl)", "--shape-contextual-menu": "var(--shp-sm)" } }, "spacing": { "count": 38, "tokens": { "--spacing-button-gap": "var(--spc-03)", "--spacing-button-height": "var(--spc-10)", "--spacing-button-padding-horizontal": "var(--spc-06)", "--spacing-button-padding-icon": "var(--spc-04)", "--spacing-button-padding-vertical": "0.875rem", "--spacing-card-mini-padding-desktop": "var(--spc-03)", "--spacing-card-mini-padding-mobile": "var(--spc-03)", "--spacing-card-padding-desktop": "var(--spc-08)", "--spacing-card-padding-mobile": "var(--spc-05)", "--spacing-dialog-max-width-fullscreen": "100%", "--spacing-dialog-max-width-lg": "54rem", "--spacing-dialog-max-width-md": "47.75rem", "--spacing-dialog-padding-horizontal-desktop": "var(--spc-08)", "--spacing-dialog-padding-horizontal-mobile": "var(--spc-05)", "--spacing-dialog-padding-vertical-desktop": "var(--spc-08)", "--spacing-dialog-padding-vertical-mobile": "var(--spc-05)", "--spacing-header-padding-horizontal-desktop": "var(--spc-12)", "--spacing-header-padding-horizontal-mobile": "var(--spc-05)", "--spacing-header-padding-vertical-desktop": "var(--spc-09)", "--spacing-header-padding-vertical-mobile": "var(--spc-05)", "--spacing-listitem-padding-horizontal-desktop": "var(--spc-05)", "--spacing-listitem-padding-horizontal-mobile": "var(--spc-05)", "--spacing-listitem-padding-vertical-desktop": "var(--spc-05)", "--spacing-listitem-padding-vertical-mobile": "var(--spc-05)", "--spacing-outline-focus-offset": "var(--spc-outline-focus-offset)", "--spacing-outline-focus-width": "var(--spc-outline-focus-width)", "--spacing-section-padding-lg-horizontal-desktop": "var(--spc-12)", "--spacing-section-padding-lg-horizontal-mobile": "var(--spc-05)", "--spacing-section-padding-lg-vertical-desktop": "var(--spc-12)", "--spacing-section-padding-lg-vertical-mobile": "var(--spc-08)", "--spacing-section-padding-md-horizontal-desktop": "var(--spc-08)", "--spacing-section-padding-md-horizontal-mobile": "var(--spc-05)", "--spacing-section-padding-md-vertical-desktop": "var(--spc-08)", "--spacing-section-padding-md-vertical-mobile": "var(--spc-08)", "--spacing-sidenav-padding-horizontal-desktop": "var(--spc-08)", "--spacing-sidenav-padding-horizontal-mobile": "var(--spc-05)", "--spacing-sidenav-padding-vertical-desktop": "var(--spc-08)", "--spacing-sidenav-padding-vertical-mobile": "var(--spc-06)" } }, "elevation": { "count": 5, "tokens": { "--elevation-button-active": "var(--fx-elv-inset-1)", "--elevation-button-hover": "var(--fx-elv-3)", "--elevation-contextual-menu-default": "var(--fx-elv-6)", "--elevation-header-default": "var(--fx-elv-0)", "--elevation-header-scrolled": "var(--fx-elv-6)" } }, "transition": { "count": 4, "tokens": { "--transition-surface-base-duration": "var(--mtn-duration-md)", "--transition-surface-base-timing": "var(--mtn-ease-default)", "--transition-surface-focus-duration": "var(--mtn-duration-sm)", "--transition-surface-focus-timing": "var(--mtn-ease-default)" } } } } } }