@patreon/studio
Version:
Patreon Studio Design System
557 lines (556 loc) • 31 kB
TypeScript
export declare const defaultTokensDefinition: {
light: {
'--type-body-fontSizes-lg': "16px";
'--type-body-fontSizes-md': "14px";
'--type-body-fontSizes-sm': "12px";
'--type-body-fontSizes-xs': "10px";
'--type-body-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-body-fontWeights-bold': "550";
'--type-body-fontWeights-normal': "337";
'--type-body-letterSpacing': "-0.01em";
'--type-body-lineHeight': "1.4em";
'--type-dataBody-fontSizes-lg': "16px";
'--type-dataBody-fontSizes-md': "14px";
'--type-dataBody-fontSizes-sm': "12px";
'--type-dataBody-fontSizes-xs': "10px";
'--type-dataBody-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataBody-fontWeights-bold': "550";
'--type-dataBody-fontWeights-normal': "337";
'--type-dataBody-fontWidth': "'TRIP' .5";
'--type-dataBody-letterSpacing': "0.04em";
'--type-dataBody-lineHeight': "1.4em";
'--type-dataDisplay-fontSizes-lg': "40px";
'--type-dataDisplay-fontSizes-md': "32px";
'--type-dataDisplay-fontSizes-xl': "48px";
'--type-dataDisplay-fontSizes-xxl': "60px";
'--type-dataDisplay-fontSizes-xxxl': "80px";
'--type-dataDisplay-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataDisplay-fontWeights-light': "200";
'--type-dataDisplay-fontWeights-medium': "500";
'--type-dataDisplay-fontWeights-normal': "337";
'--type-dataDisplay-fontWidth': "'TRIP' .5";
'--type-dataDisplay-letterSpacing': "0.06em";
'--type-dataDisplay-lineHeight': "1.2em";
'--type-dataHeading-fontSizes-lg': "22px";
'--type-dataHeading-fontSizes-md': "16px";
'--type-dataHeading-fontSizes-sm': "14px";
'--type-dataHeading-fontSizes-xl': "26px";
'--type-dataHeading-fontSizes-xs': "12px";
'--type-dataHeading-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataHeading-fontWeights-light': "200";
'--type-dataHeading-fontWeights-medium': "500";
'--type-dataHeading-fontWeights-normal': "337";
'--type-dataHeading-fontWidth': "'TRIP' .5";
'--type-dataHeading-letterSpacing': "0.04em";
'--type-dataHeading-lineHeight': "1.3em";
'--type-display-fontSizes-lg': "40px";
'--type-display-fontSizes-md': "32px";
'--type-display-fontSizes-xl': "48px";
'--type-display-fontSizes-xxl': "60px";
'--type-display-fontSizes-xxxl': "80px";
'--type-display-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-display-fontWeights-light': "200";
'--type-display-fontWeights-medium': "500";
'--type-display-fontWeights-normal': "337";
'--type-display-letterSpacing': "-0.03em";
'--type-display-lineHeight': "1.2em";
'--type-heading-fontSizes-lg': "22px";
'--type-heading-fontSizes-md': "16px";
'--type-heading-fontSizes-sm': "14px";
'--type-heading-fontSizes-xl': "26px";
'--type-heading-fontSizes-xs': "12px";
'--type-heading-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-heading-fontWeights-light': "200";
'--type-heading-fontWeights-medium': "500";
'--type-heading-fontWeights-normal': "337";
'--type-heading-letterSpacing': "-0.02em";
'--type-heading-lineHeight': "1.3em";
'--global-borderWidth-none': "0";
'--global-borderWidth-thick': "2px";
'--global-borderWidth-thin': "1px";
'--global-boxShadow-high': "0px 6px 24px 0px rgba(0, 0, 0, 0.14)";
'--global-boxShadow-low': "0px 1px 4px 0px rgba(0, 0, 0, 0.06)";
'--global-boxShadow-mid': "0px 4px 14px 0px rgba(0, 0, 0, 0.10)";
'--global-boxShadow-subtle': "0px 1px 4px 0px rgba(0, 0, 0, 0.10);";
'--global-brand-discord': "#5865f2";
'--global-brand-facebook': "#1877f2";
'--global-brand-google': "#d9453d";
'--global-brand-memberful': "#de5b38";
'--global-brand-patreon': "#f1465a";
'--global-brand-pinterest': "#e60023";
'--global-brand-reddit': "#ff4500";
'--global-brand-spotify': "#00db54";
'--global-brand-tumblr': "#35465c";
'--global-brand-twitch': "#9046ff";
'--global-brand-twitter': "#1da1f2";
'--global-brand-youtube': "#ff0000";
'--global-brand-youtubeBlack': "#282828";
'--global-constant-black-default': "#0d0d0d";
'--global-constant-black-hover': "#131313";
'--global-constant-black-pressed': "#252525";
'--global-constant-blackMuted-default': "rgba(0, 0, 0, 0.5)";
'--global-constant-blackMuted-hover': "rgba(0, 0, 0, 0.66)";
'--global-constant-blackMuted-pressed': "rgba(0, 0, 0, 0.82)";
'--global-constant-blackSubtle-default': "rgba(0, 0, 0, 0.14)";
'--global-constant-blackSubtle-hover': "rgba(0, 0, 0, 0.2)";
'--global-constant-blackSubtle-pressed': "rgba(0, 0, 0, 0.26)";
'--global-constant-white-default': "#ffffff";
'--global-constant-white-hover': "#f5f5f5";
'--global-constant-white-pressed': "#e8e8e8";
'--global-constant-whiteMuted-default': "rgba(255, 255, 255, 0.5)";
'--global-constant-whiteMuted-hover': "rgba(255, 255, 255, 0.66)";
'--global-constant-whiteMuted-pressed': "rgba(255, 255, 255, 0.82)";
'--global-constant-whiteSubtle-default': "rgba(255, 255, 255, 0.14)";
'--global-constant-whiteSubtle-hover': "rgba(255, 255, 255, 0.2)";
'--global-constant-whiteSubtle-pressed': "rgba(255, 255, 255, 0.26)";
'--global-effects-lg': "100px";
'--global-effects-md': "50px";
'--global-effects-sm': "20px";
'--global-icon-lg': "32px";
'--global-icon-md': "24px";
'--global-icon-sm': "20px";
'--global-icon-xl': "40px";
'--global-icon-xs': "16px";
'--global-layer-z0': "0";
'--global-layer-z1': "100";
'--global-layer-z10': "1000";
'--global-layer-z11': "1100";
'--global-layer-z12': "1200";
'--global-layer-z2': "200";
'--global-layer-z20': "2000";
'--global-layer-z3': "300";
'--global-layer-z4': "400";
'--global-layer-z5': "500";
'--global-layer-z6': "600";
'--global-layer-z7': "700";
'--global-layer-z8': "800";
'--global-layer-z9': "900";
'--global-nonSemantic-blueberry': "#1a52a7";
'--global-nonSemantic-holly': "#0cac7e";
'--global-nonSemantic-honeycomb': "#f5b400";
'--global-nonSemantic-jasper': "#f75058";
'--global-nonSemantic-lavender': "#6e479d";
'--global-nonSemantic-lollipop': "#ea1f44";
'--global-nonSemantic-moonshade': "#4f71ba";
'--global-nonSemantic-ocean': "#1d8acb";
'--global-nonSemantic-pumpkin': "#fb790e";
'--global-nonSemantic-raspberry': "#be2a61";
'--global-opacity-disabled': "0.6";
'--global-opacity-enabled': "1";
'--global-radius-circle': "9999px";
'--global-radius-lg': "12px";
'--global-radius-md': "8px";
'--global-radius-pill': "9999px";
'--global-radius-sm': "4px";
'--global-radius-smMd': "6px";
'--global-radius-xl': "16px";
'--global-space-x0': "0";
'--global-space-x12': "12px";
'--global-space-x16': "16px";
'--global-space-x20': "20px";
'--global-space-x24': "24px";
'--global-space-x32': "32px";
'--global-space-x4': "4px";
'--global-space-x40': "40px";
'--global-space-x48': "48px";
'--global-space-x56': "56px";
'--global-space-x8': "8px";
'--global-transition-fast-duration': "200ms";
'--global-transition-fast-easing': "ease";
'--global-transition-regular-duration': "350ms";
'--global-transition-regular-easing': "ease";
'--global-transition-slow-duration': "500ms";
'--global-transition-slow-easing': "ease";
'--component-button-action-default': "#0d0d0d";
'--component-button-action-hover': "#252525";
'--component-button-action-pressed': "#4a4a4a";
'--component-button-onAction-default': "#ffffff";
'--component-button-onAction-hover': "#ffffff";
'--component-button-onAction-pressed': "#ffffff";
'--global-bg-base-default': "#ffffff";
'--global-bg-base-hover': "#e8e8e8";
'--global-bg-base-pressed': "#dbdbdb";
'--global-bg-baseAlt-default': "#f5f5f5";
'--global-bg-baseAlt-hover': "#e8e8e8";
'--global-bg-baseAlt-pressed': "#dbdbdb";
'--global-bg-elevated-default': "#ffffff";
'--global-bg-elevated-hover': "#f5f5f5";
'--global-bg-elevated-pressed': "#e8e8e8";
'--global-bg-page-default': "#f5f5f5";
'--global-bg-page-hover': "#e8e8e8";
'--global-bg-page-pressed': "#dbdbdb";
'--global-bg-pageAlt-default': "#ffffff";
'--global-bg-pageAlt-hover': "#f5f5f5";
'--global-bg-pageAlt-pressed': "#e8e8e8";
'--global-border-action-default': "rgba(0, 0, 0, 0.2)";
'--global-border-action-hover': "rgba(0, 0, 0, 0.28)";
'--global-border-action-pressed': "rgba(0, 0, 0, 0.35)";
'--global-border-muted-default': "rgba(0, 0, 0, 0.09)";
'--global-border-muted-hover': "rgba(0, 0, 0, 0.14)";
'--global-border-muted-pressed': "rgba(0, 0, 0, 0.2)";
'--global-content-inverted-default': "#ffffff";
'--global-content-inverted-hover': "rgba(255, 255, 255, 0.93)";
'--global-content-inverted-pressed': "rgba(255, 255, 255, 0.87)";
'--global-content-invertedMuted-default': "rgba(255, 255, 255, 0.6)";
'--global-content-invertedMuted-hover': "rgba(255, 255, 255, 0.53)";
'--global-content-invertedMuted-pressed': "rgba(255, 255, 255, 0.46)";
'--global-content-invertedSubtle-default': "rgba(255, 255, 255, 0.39)";
'--global-content-invertedSubtle-hover': "rgba(255, 255, 255, 0.46)";
'--global-content-invertedSubtle-pressed': "rgba(255, 255, 255, 0.53)";
'--global-content-muted-default': "rgba(0, 0, 0, 0.6)";
'--global-content-muted-hover': "rgba(0, 0, 0, 0.51)";
'--global-content-muted-pressed': "rgba(0, 0, 0, 0.43)";
'--global-content-regular-default': "#000000";
'--global-content-regular-hover': "rgba(0, 0, 0, 0.95)";
'--global-content-regular-pressed': "rgba(0, 0, 0, 0.9)";
'--global-content-subtle-default': "rgba(0, 0, 0, 0.43)";
'--global-content-subtle-hover': "rgba(0, 0, 0, 0.51)";
'--global-content-subtle-pressed': "rgba(0, 0, 0, 0.6)";
'--global-critical-action-default': "#e54059";
'--global-critical-action-hover': "#c6374d";
'--global-critical-action-pressed': "#a72f41";
'--global-critical-muted-default': "rgba(198, 55, 77, 0.13)";
'--global-critical-muted-hover': "rgba(198, 55, 77, 0.2)";
'--global-critical-muted-pressed': "rgba(198, 55, 77, 0.27)";
'--global-critical-onAction-default': "#ffffff";
'--global-critical-onAction-hover': "#feecef";
'--global-critical-onAction-pressed': "#fedee2";
'--global-critical-onMuted-default': "#a72f41";
'--global-critical-onMuted-hover': "#8a2736";
'--global-critical-onMuted-pressed': "#6e1f2b";
'--global-primary-action-default': "#0b69b7";
'--global-primary-action-hover': "#0d7cd8";
'--global-primary-action-pressed': "#1c8eec";
'--global-primary-actionBase-default': "#0d7cd8";
'--global-primary-actionBase-hover': "#0b69b7";
'--global-primary-actionBase-pressed': "#095696";
'--global-primary-muted-default': "rgba(0, 0, 0, 0.09)";
'--global-primary-muted-hover': "rgba(0, 0, 0, 0.14)";
'--global-primary-muted-pressed': "rgba(0, 0, 0, 0.2)";
'--global-primary-onActionBase-default': "#ffffff";
'--global-primary-onActionBase-hover': "#e7f3fd";
'--global-primary-onActionBase-pressed': "#d4e9fb";
'--global-primary-onMuted-default': "#000000";
'--global-primary-onMuted-hover': "#000000";
'--global-primary-onMuted-pressed': "#000000";
'--global-primary-onSubtle-default': "rgba(0, 0, 0, 0.6)";
'--global-primary-onSubtle-hover': "rgba(0, 0, 0, 0.68)";
'--global-primary-onSubtle-pressed': "rgba(0, 0, 0, 0.76)";
'--global-primary-subtle-default': "rgba(0, 0, 0, 0.04)";
'--global-primary-subtle-hover': "rgba(0, 0, 0, 0.09)";
'--global-primary-subtle-pressed': "rgba(0, 0, 0, 0.14)";
'--global-secondary-action-default': "rgba(0, 0, 0, 0.09)";
'--global-secondary-action-hover': "rgba(0, 0, 0, 0.14)";
'--global-secondary-action-pressed': "rgba(0, 0, 0, 0.2)";
'--global-secondary-muted-default': "rgba(0, 0, 0, 0.04)";
'--global-secondary-muted-hover': "rgba(0, 0, 0, 0.09)";
'--global-secondary-muted-pressed': "rgba(0, 0, 0, 0.14)";
'--global-secondary-onAction-default': "#000000";
'--global-secondary-onAction-hover': "#000000";
'--global-secondary-onAction-pressed': "#000000";
'--global-secondary-onMuted-default': "rgba(0, 0, 0, 0.6)";
'--global-secondary-onMuted-hover': "rgba(0, 0, 0, 0.68)";
'--global-secondary-onMuted-pressed': "rgba(0, 0, 0, 0.76)";
'--global-success-action-default': "#097d3f";
'--global-success-action-hover': "#076232";
'--global-success-action-pressed': "#054724";
'--global-success-muted-default': "rgba(13, 180, 91, 0.13)";
'--global-success-muted-hover': "rgba(13, 180, 91, 0.2)";
'--global-success-muted-pressed': "rgba(13, 180, 91, 0.27)";
'--global-success-onAction-default': "#ffffff";
'--global-success-onAction-hover': "rgba(255, 255, 255, 0.93)";
'--global-success-onAction-pressed': "rgba(255, 255, 255, 0.87)";
'--global-success-onMuted-default': "#097d3f";
'--global-success-onMuted-hover': "#076232";
'--global-success-onMuted-pressed': "#054724";
'--global-warning-action-default': "#c38b08";
'--global-warning-action-hover': "#a07206";
'--global-warning-action-pressed': "#7d5905";
'--global-warning-muted-default': "rgba(230, 164, 9, 0.13)";
'--global-warning-muted-hover': "rgba(230, 164, 9, 0.2)";
'--global-warning-muted-pressed': "rgba(230, 164, 9, 0.27)";
'--global-warning-onAction-default': "#ffffff";
'--global-warning-onAction-hover': "#fff7e6";
'--global-warning-onAction-pressed': "#fef1d3";
'--global-warning-onMuted-default': "#7d5905";
'--global-warning-onMuted-hover': "#5a4004";
'--global-warning-onMuted-pressed': "#372702";
};
dark: {
'--type-body-fontSizes-lg': "16px";
'--type-body-fontSizes-md': "14px";
'--type-body-fontSizes-sm': "12px";
'--type-body-fontSizes-xs': "10px";
'--type-body-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-body-fontWeights-bold': "550";
'--type-body-fontWeights-normal': "337";
'--type-body-letterSpacing': "-0.01em";
'--type-body-lineHeight': "1.4em";
'--type-dataBody-fontSizes-lg': "16px";
'--type-dataBody-fontSizes-md': "14px";
'--type-dataBody-fontSizes-sm': "12px";
'--type-dataBody-fontSizes-xs': "10px";
'--type-dataBody-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataBody-fontWeights-bold': "550";
'--type-dataBody-fontWeights-normal': "337";
'--type-dataBody-fontWidth': "'TRIP' .5";
'--type-dataBody-letterSpacing': "0.04em";
'--type-dataBody-lineHeight': "1.4em";
'--type-dataDisplay-fontSizes-lg': "40px";
'--type-dataDisplay-fontSizes-md': "32px";
'--type-dataDisplay-fontSizes-xl': "48px";
'--type-dataDisplay-fontSizes-xxl': "60px";
'--type-dataDisplay-fontSizes-xxxl': "80px";
'--type-dataDisplay-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataDisplay-fontWeights-light': "200";
'--type-dataDisplay-fontWeights-medium': "500";
'--type-dataDisplay-fontWeights-normal': "337";
'--type-dataDisplay-fontWidth': "'TRIP' .5";
'--type-dataDisplay-letterSpacing': "0.06em";
'--type-dataDisplay-lineHeight': "1.2em";
'--type-dataHeading-fontSizes-lg': "22px";
'--type-dataHeading-fontSizes-md': "16px";
'--type-dataHeading-fontSizes-sm': "14px";
'--type-dataHeading-fontSizes-xl': "26px";
'--type-dataHeading-fontSizes-xs': "12px";
'--type-dataHeading-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
'--type-dataHeading-fontWeights-light': "200";
'--type-dataHeading-fontWeights-medium': "500";
'--type-dataHeading-fontWeights-normal': "337";
'--type-dataHeading-fontWidth': "'TRIP' .5";
'--type-dataHeading-letterSpacing': "0.04em";
'--type-dataHeading-lineHeight': "1.3em";
'--type-display-fontSizes-lg': "40px";
'--type-display-fontSizes-md': "32px";
'--type-display-fontSizes-xl': "48px";
'--type-display-fontSizes-xxl': "60px";
'--type-display-fontSizes-xxxl': "80px";
'--type-display-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-display-fontWeights-light': "200";
'--type-display-fontWeights-medium': "500";
'--type-display-fontWeights-normal': "337";
'--type-display-letterSpacing': "-0.03em";
'--type-display-lineHeight': "1.2em";
'--type-heading-fontSizes-lg': "22px";
'--type-heading-fontSizes-md': "16px";
'--type-heading-fontSizes-sm': "14px";
'--type-heading-fontSizes-xl': "26px";
'--type-heading-fontSizes-xs': "12px";
'--type-heading-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
'--type-heading-fontWeights-light': "200";
'--type-heading-fontWeights-medium': "500";
'--type-heading-fontWeights-normal': "337";
'--type-heading-letterSpacing': "-0.02em";
'--type-heading-lineHeight': "1.3em";
'--global-borderWidth-none': "0";
'--global-borderWidth-thick': "2px";
'--global-borderWidth-thin': "1px";
'--global-boxShadow-high': "0px 6px 24px 0px rgba(0, 0, 0, 0.14)";
'--global-boxShadow-low': "0px 1px 4px 0px rgba(0, 0, 0, 0.06)";
'--global-boxShadow-mid': "0px 4px 14px 0px rgba(0, 0, 0, 0.10)";
'--global-boxShadow-subtle': "0px 1px 4px 0px rgba(0, 0, 0, 0.10);";
'--global-brand-discord': "#5865f2";
'--global-brand-facebook': "#1877f2";
'--global-brand-google': "#d9453d";
'--global-brand-memberful': "#de5b38";
'--global-brand-patreon': "#f1465a";
'--global-brand-pinterest': "#e60023";
'--global-brand-reddit': "#ff4500";
'--global-brand-spotify': "#00db54";
'--global-brand-tumblr': "#35465c";
'--global-brand-twitch': "#9046ff";
'--global-brand-twitter': "#1da1f2";
'--global-brand-youtube': "#ff0000";
'--global-brand-youtubeBlack': "#282828";
'--global-constant-black-default': "#0d0d0d";
'--global-constant-black-hover': "#131313";
'--global-constant-black-pressed': "#252525";
'--global-constant-blackMuted-default': "rgba(0, 0, 0, 0.5)";
'--global-constant-blackMuted-hover': "rgba(0, 0, 0, 0.66)";
'--global-constant-blackMuted-pressed': "rgba(0, 0, 0, 0.82)";
'--global-constant-blackSubtle-default': "rgba(0, 0, 0, 0.14)";
'--global-constant-blackSubtle-hover': "rgba(0, 0, 0, 0.2)";
'--global-constant-blackSubtle-pressed': "rgba(0, 0, 0, 0.26)";
'--global-constant-white-default': "#ffffff";
'--global-constant-white-hover': "#f5f5f5";
'--global-constant-white-pressed': "#e8e8e8";
'--global-constant-whiteMuted-default': "rgba(255, 255, 255, 0.5)";
'--global-constant-whiteMuted-hover': "rgba(255, 255, 255, 0.66)";
'--global-constant-whiteMuted-pressed': "rgba(255, 255, 255, 0.82)";
'--global-constant-whiteSubtle-default': "rgba(255, 255, 255, 0.14)";
'--global-constant-whiteSubtle-hover': "rgba(255, 255, 255, 0.2)";
'--global-constant-whiteSubtle-pressed': "rgba(255, 255, 255, 0.26)";
'--global-effects-lg': "100px";
'--global-effects-md': "50px";
'--global-effects-sm': "20px";
'--global-icon-lg': "32px";
'--global-icon-md': "24px";
'--global-icon-sm': "20px";
'--global-icon-xl': "40px";
'--global-icon-xs': "16px";
'--global-layer-z0': "0";
'--global-layer-z1': "100";
'--global-layer-z10': "1000";
'--global-layer-z11': "1100";
'--global-layer-z12': "1200";
'--global-layer-z2': "200";
'--global-layer-z20': "2000";
'--global-layer-z3': "300";
'--global-layer-z4': "400";
'--global-layer-z5': "500";
'--global-layer-z6': "600";
'--global-layer-z7': "700";
'--global-layer-z8': "800";
'--global-layer-z9': "900";
'--global-nonSemantic-blueberry': "#1a52a7";
'--global-nonSemantic-holly': "#0cac7e";
'--global-nonSemantic-honeycomb': "#f5b400";
'--global-nonSemantic-jasper': "#f75058";
'--global-nonSemantic-lavender': "#6e479d";
'--global-nonSemantic-lollipop': "#ea1f44";
'--global-nonSemantic-moonshade': "#4f71ba";
'--global-nonSemantic-ocean': "#1d8acb";
'--global-nonSemantic-pumpkin': "#fb790e";
'--global-nonSemantic-raspberry': "#be2a61";
'--global-opacity-disabled': "0.6";
'--global-opacity-enabled': "1";
'--global-radius-circle': "9999px";
'--global-radius-lg': "12px";
'--global-radius-md': "8px";
'--global-radius-pill': "9999px";
'--global-radius-sm': "4px";
'--global-radius-smMd': "6px";
'--global-radius-xl': "16px";
'--global-space-x0': "0";
'--global-space-x12': "12px";
'--global-space-x16': "16px";
'--global-space-x20': "20px";
'--global-space-x24': "24px";
'--global-space-x32': "32px";
'--global-space-x4': "4px";
'--global-space-x40': "40px";
'--global-space-x48': "48px";
'--global-space-x56': "56px";
'--global-space-x8': "8px";
'--global-transition-fast-duration': "200ms";
'--global-transition-fast-easing': "ease";
'--global-transition-regular-duration': "350ms";
'--global-transition-regular-easing': "ease";
'--global-transition-slow-duration': "500ms";
'--global-transition-slow-easing': "ease";
'--component-button-action-default': "#ffffff";
'--component-button-action-hover': "#e8e8e8";
'--component-button-action-pressed': "#cccccc";
'--component-button-onAction-default': "#0d0d0d";
'--component-button-onAction-hover': "#131313";
'--component-button-onAction-pressed': "#252525";
'--global-bg-base-default': "#252525";
'--global-bg-base-hover': "#383838";
'--global-bg-base-pressed': "#4a4a4a";
'--global-bg-baseAlt-default': "#383838";
'--global-bg-baseAlt-hover': "#4a4a4a";
'--global-bg-baseAlt-pressed': "#5c5c5c";
'--global-bg-elevated-default': "#383838";
'--global-bg-elevated-hover': "#4a4a4a";
'--global-bg-elevated-pressed': "#5c5c5c";
'--global-bg-page-default': "#131313";
'--global-bg-page-hover': "#252525";
'--global-bg-page-pressed': "#383838";
'--global-bg-pageAlt-default': "#0d0d0d";
'--global-bg-pageAlt-hover': "#131313";
'--global-bg-pageAlt-pressed': "#252525";
'--global-border-action-default': "rgba(255, 255, 255, 0.26)";
'--global-border-action-hover': "rgba(255, 255, 255, 0.32)";
'--global-border-action-pressed': "rgba(255, 255, 255, 0.39)";
'--global-border-muted-default': "rgba(255, 255, 255, 0.19)";
'--global-border-muted-hover': "rgba(255, 255, 255, 0.26)";
'--global-border-muted-pressed': "rgba(255, 255, 255, 0.32)";
'--global-content-inverted-default': "#000000";
'--global-content-inverted-hover': "rgba(0, 0, 0, 0.95)";
'--global-content-inverted-pressed': "rgba(0, 0, 0, 0.9)";
'--global-content-invertedMuted-default': "rgba(0, 0, 0, 0.6)";
'--global-content-invertedMuted-hover': "rgba(0, 0, 0, 0.51)";
'--global-content-invertedMuted-pressed': "rgba(0, 0, 0, 0.43)";
'--global-content-invertedSubtle-default': "rgba(0, 0, 0, 0.43)";
'--global-content-invertedSubtle-hover': "rgba(0, 0, 0, 0.51)";
'--global-content-invertedSubtle-pressed': "rgba(0, 0, 0, 0.6)";
'--global-content-muted-default': "rgba(255, 255, 255, 0.6)";
'--global-content-muted-hover': "rgba(255, 255, 255, 0.53)";
'--global-content-muted-pressed': "rgba(255, 255, 255, 0.46)";
'--global-content-regular-default': "#ffffff";
'--global-content-regular-hover': "rgba(255, 255, 255, 0.93)";
'--global-content-regular-pressed': "rgba(255, 255, 255, 0.87)";
'--global-content-subtle-default': "rgba(255, 255, 255, 0.39)";
'--global-content-subtle-hover': "rgba(255, 255, 255, 0.46)";
'--global-content-subtle-pressed': "rgba(255, 255, 255, 0.53)";
'--global-critical-action-default': "#e54059";
'--global-critical-action-hover': "#c6374d";
'--global-critical-action-pressed': "#a72f41";
'--global-critical-muted-default': "rgba(198, 55, 77, 0.2)";
'--global-critical-muted-hover': "rgba(198, 55, 77, 0.27)";
'--global-critical-muted-pressed': "rgba(198, 55, 77, 0.33)";
'--global-critical-onAction-default': "#ffffff";
'--global-critical-onAction-hover': "#feecef";
'--global-critical-onAction-pressed': "#fedee2";
'--global-critical-onMuted-default': "#fba3b0";
'--global-critical-onMuted-hover': "#fdc7cf";
'--global-critical-onMuted-pressed': "#fedee2";
'--global-primary-action-default': "#8bc5f5";
'--global-primary-action-hover': "#1c8eec";
'--global-primary-action-pressed': "#0d7cd8";
'--global-primary-actionBase-default': "#0b69b7";
'--global-primary-actionBase-hover': "#095696";
'--global-primary-actionBase-pressed': "#074476";
'--global-primary-muted-default': "rgba(255, 255, 255, 0.19)";
'--global-primary-muted-hover': "rgba(255, 255, 255, 0.26)";
'--global-primary-muted-pressed': "rgba(255, 255, 255, 0.32)";
'--global-primary-onActionBase-default': "#ffffff";
'--global-primary-onActionBase-hover': "#e7f3fd";
'--global-primary-onActionBase-pressed': "#d4e9fb";
'--global-primary-onMuted-default': "#ffffff";
'--global-primary-onMuted-hover': "#ffffff";
'--global-primary-onMuted-pressed': "#ffffff";
'--global-primary-onSubtle-default': "rgba(255, 255, 255, 0.6)";
'--global-primary-onSubtle-hover': "rgba(255, 255, 255, 0.67)";
'--global-primary-onSubtle-pressed': "rgba(255, 255, 255, 0.73)";
'--global-primary-subtle-default': "rgba(255, 255, 255, 0.12)";
'--global-primary-subtle-hover': "rgba(255, 255, 255, 0.19)";
'--global-primary-subtle-pressed': "rgba(255, 255, 255, 0.26)";
'--global-secondary-action-default': "rgba(255, 255, 255, 0.19)";
'--global-secondary-action-hover': "rgba(255, 255, 255, 0.26)";
'--global-secondary-action-pressed': "rgba(255, 255, 255, 0.32)";
'--global-secondary-muted-default': "rgba(255, 255, 255, 0.12)";
'--global-secondary-muted-hover': "rgba(255, 255, 255, 0.19)";
'--global-secondary-muted-pressed': "rgba(255, 255, 255, 0.26)";
'--global-secondary-onAction-default': "#ffffff";
'--global-secondary-onAction-hover': "#ffffff";
'--global-secondary-onAction-pressed': "#ffffff";
'--global-secondary-onMuted-default': "rgba(255, 255, 255, 0.6)";
'--global-secondary-onMuted-hover': "rgba(255, 255, 255, 0.67)";
'--global-secondary-onMuted-pressed': "rgba(255, 255, 255, 0.73)";
'--global-success-action-default': "#1cc86c";
'--global-success-action-hover': "#0db45b";
'--global-success-action-pressed': "#0b994d";
'--global-success-muted-default': "rgba(13, 180, 91, 0.13)";
'--global-success-muted-hover': "rgba(13, 180, 91, 0.2)";
'--global-success-muted-pressed': "rgba(13, 180, 91, 0.27)";
'--global-success-onAction-default': "#000000";
'--global-success-onAction-hover': "rgba(0, 0, 0, 0.95)";
'--global-success-onAction-pressed': "rgba(0, 0, 0, 0.9)";
'--global-success-onMuted-default': "#5bd795";
'--global-success-onMuted-hover': "#8be3b4";
'--global-success-onMuted-pressed': "#b7edd0";
'--global-warning-action-default': "#fab719";
'--global-warning-action-hover': "#e6a409";
'--global-warning-action-pressed': "#c38b08";
'--global-warning-muted-default': "rgba(230, 164, 9, 0.13)";
'--global-warning-muted-hover': "rgba(230, 164, 9, 0.2)";
'--global-warning-muted-pressed': "rgba(230, 164, 9, 0.27)";
'--global-warning-onAction-default': "#372702";
'--global-warning-onAction-hover': "#191201";
'--global-warning-onAction-pressed': "#000000";
'--global-warning-onMuted-default': "#fccb58";
'--global-warning-onMuted-hover': "#fdda89";
'--global-warning-onMuted-pressed': "#fee8b6";
};
};