@patreon/studio/module/styles/static-token-definitions.css

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Fri Nov 07 2025 2:17:21 PM
 */

:root {
  color-scheme: light dark;

  --global-borderWidth-none: 0;
  --global-borderWidth-thick: 2px;
  --global-borderWidth-thin: 1px;
  --global-boxShadow-high: 0px 6px 24px 0px #00000024;
  --global-boxShadow-low: 0px 1px 4px 0px #0000000f;
  --global-boxShadow-mid: 0px 4px 14px 0px #0000001a;
  --global-boxShadow-subtle: 0px 1px 4px 0px #0000001a;
  --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: #00000080;
  --global-constant-blackMuted-hover: #000000a8;
  --global-constant-blackMuted-pressed: #000000d1;
  --global-constant-blackSubtle-default: #00000024;
  --global-constant-blackSubtle-hover: #00000033;
  --global-constant-blackSubtle-pressed: #00000042;
  --global-constant-white-default: #ffffff;
  --global-constant-white-hover: #f5f5f5;
  --global-constant-white-pressed: #e8e8e8;
  --global-constant-whiteMuted-default: #ffffff80;
  --global-constant-whiteMuted-hover: #ffffffa8;
  --global-constant-whiteMuted-pressed: #ffffffd1;
  --global-constant-whiteSubtle-default: #ffffff24;
  --global-constant-whiteSubtle-hover: #ffffff33;
  --global-constant-whiteSubtle-pressed: #ffffff42;
  --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-none: 0;
  --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;
  --type-body-fontSizes-lg: 18px;
  --type-body-fontSizes-md: 16px;
  --type-body-fontSizes-sm: 14px;
  --type-body-fontSizes-xs: 12px;
  --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: 18px;
  --type-dataBody-fontSizes-md: 16px;
  --type-dataBody-fontSizes-sm: 14px;
  --type-dataBody-fontSizes-xs: 12px;
  --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" 0.5;
  --type-dataBody-letterSpacing: 0.04em;
  --type-dataBody-lineHeight: 1.4em;
  --type-dataDisplay-fontSizes-lg: 36px;
  --type-dataDisplay-fontSizes-md: 30px;
  --type-dataDisplay-fontSizes-xl: 42px;
  --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" 0.5;
  --type-dataDisplay-letterSpacing: 0.06em;
  --type-dataDisplay-lineHeight: 1.2em;
  --type-dataHeading-fontSizes-lg: 22px;
  --type-dataHeading-fontSizes-md: 18px;
  --type-dataHeading-fontSizes-sm: 16px;
  --type-dataHeading-fontSizes-xl: 26px;
  --type-dataHeading-fontSizes-xs: 14px;
  --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" 0.5;
  --type-dataHeading-letterSpacing: 0.04em;
  --type-dataHeading-lineHeight: 1.3em;
  --type-display-fontSizes-lg: 36px;
  --type-display-fontSizes-md: 30px;
  --type-display-fontSizes-xl: 42px;
  --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: 18px;
  --type-heading-fontSizes-sm: 16px;
  --type-heading-fontSizes-xl: 26px;
  --type-heading-fontSizes-xs: 14px;
  --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-bg-base-default: #ffffff;
  --global-bg-base-hover: #f9f9f9;
  --global-bg-base-pressed: #f4f4f4;
  --global-bg-baseAlt-default: #f9f9f9;
  --global-bg-baseAlt-hover: #f4f4f4;
  --global-bg-baseAlt-pressed: #eeeeee;
  --global-bg-elevated-default: #ffffff;
  --global-bg-elevated-hover: #f9f9f9;
  --global-bg-elevated-pressed: #f4f4f4;
  --global-bg-page-default: #f9f9f9;
  --global-bg-page-hover: #f4f4f4;
  --global-bg-page-pressed: #eeeeee;
  --global-bg-pageAlt-default: #ffffff;
  --global-bg-pageAlt-hover: #f9f9f9;
  --global-bg-pageAlt-pressed: #f4f4f4;
  --global-border-action-default: #00000033;
  --global-border-action-hover: #00000047;
  --global-border-action-pressed: #00000059;
  --global-border-muted-default: #00000017;
  --global-border-muted-hover: #00000024;
  --global-border-muted-pressed: #00000033;
  --global-border-strong-default: #0000006e;
  --global-border-strong-hover: #00000082;
  --global-border-strong-pressed: #00000099;
  --global-content-critical-default: #c6374d;
  --global-content-critical-hover: #a72f41;
  --global-content-critical-pressed: #8a2736;
  --global-content-decorative-default: #0000006e;
  --global-content-decorative-hover: #00000082;
  --global-content-decorative-pressed: #00000099;
  --global-content-muted-default: #00000099;
  --global-content-muted-hover: #00000082;
  --global-content-muted-pressed: #0000006e;
  --global-content-primary-default: #0060aa;
  --global-content-primary-hover: #00569a;
  --global-content-primary-pressed: #004d8a;
  --global-content-regular-default: #000000;
  --global-content-regular-hover: #000000f2;
  --global-content-regular-pressed: #000000e5;
  --global-content-success-default: #097d3f;
  --global-content-success-hover: #076232;
  --global-content-success-pressed: #054724;
  --global-content-warning-default: #7d5905;
  --global-content-warning-hover: #5a4004;
  --global-content-warning-pressed: #372702;
  --global-control-action-default: #ffffff;
  --global-control-action-hover: #f5f5f5;
  --global-control-action-pressed: #e8e8e8;
  --global-control-surface-default: #000000;
  --global-control-surface-hover: #111111;
  --global-control-surface-pressed: #1b1b1b;
  --global-critical-onSurface-default: #ffffff;
  --global-critical-onSurface-hover: #ffffff;
  --global-critical-onSurface-pressed: #ffffff;
  --global-critical-onSurfaceMuted-default: #a72f41;
  --global-critical-onSurfaceMuted-hover: #8a2736;
  --global-critical-onSurfaceMuted-pressed: #6e1f2b;
  --global-critical-surface-default: #c6374d;
  --global-critical-surface-hover: #a72f41;
  --global-critical-surface-pressed: #8a2736;
  --global-critical-surfaceMuted-default: #c6374d22;
  --global-critical-surfaceMuted-hover: #c6374d33;
  --global-critical-surfaceMuted-pressed: #c6374d44;
  --global-inverted-decorative-default: #ffffff63;
  --global-inverted-decorative-hover: #ffffff75;
  --global-inverted-decorative-pressed: #ffffff87;
  --global-inverted-muted-default: #ffffff99;
  --global-inverted-muted-hover: #ffffff87;
  --global-inverted-muted-pressed: #ffffff75;
  --global-inverted-regular-default: #ffffff;
  --global-inverted-regular-hover: #ffffffed;
  --global-inverted-regular-pressed: #ffffffde;
  --global-inverted-surface-default: #0d0d0d;
  --global-inverted-surface-hover: #131313;
  --global-inverted-surface-pressed: #252525;
  --global-primary-onSurface-default: #ffffff;
  --global-primary-onSurface-hover: #ffffff;
  --global-primary-onSurface-pressed: #ffffff;
  --global-primary-onSurfaceMuted-default: #000000;
  --global-primary-onSurfaceMuted-hover: #000000;
  --global-primary-onSurfaceMuted-pressed: #000000;
  --global-primary-onSurfaceSubtle-default: #00000099;
  --global-primary-onSurfaceSubtle-hover: #000000ad;
  --global-primary-onSurfaceSubtle-pressed: #000000c2;
  --global-primary-surface-default: #000000;
  --global-primary-surface-hover: #131313;
  --global-primary-surface-pressed: #1f1f1f;
  --global-primary-surfaceMuted-default: #5e5e5e2a;
  --global-primary-surfaceMuted-hover: #5e5e5e40;
  --global-primary-surfaceMuted-pressed: #5e5e5e55;
  --global-primary-surfaceSubtle-default: #5e5e5e15;
  --global-primary-surfaceSubtle-hover: #5e5e5e55;
  --global-primary-surfaceSubtle-pressed: #5e5e5e6a;
  --global-rich-action-default: #d3e3ff;
  --global-rich-action-hover: #cbdbf6;
  --global-rich-action-pressed: #c2d2ee;
  --global-rich-muted-default: #ffffffcc;
  --global-rich-muted-hover: #ffffffde;
  --global-rich-muted-pressed: #ffffffed;
  --global-rich-regular-default: #ffffff;
  --global-rich-regular-hover: #ffffffed;
  --global-rich-regular-pressed: #ffffffde;
  --global-rich-surface-default: #525252;
  --global-rich-surface-hover: #5e5e5e;
  --global-rich-surface-pressed: #6a6a6a;
  --global-rich-surfaceAlt-default: #165490;
  --global-rich-surfaceAlt-hover: #28609d;
  --global-rich-surfaceAlt-pressed: #376caa;
  --global-success-onSurface-default: #ffffff;
  --global-success-onSurface-hover: #ffffffed;
  --global-success-onSurface-pressed: #ffffffde;
  --global-success-onSurfaceMuted-default: #097d3f;
  --global-success-onSurfaceMuted-hover: #076232;
  --global-success-onSurfaceMuted-pressed: #054724;
  --global-success-surface-default: #097d3f;
  --global-success-surface-hover: #076232;
  --global-success-surface-pressed: #054724;
  --global-success-surfaceMuted-default: #0db45b22;
  --global-success-surfaceMuted-hover: #0db45b33;
  --global-success-surfaceMuted-pressed: #0db45b44;
  --global-warning-onSurface-default: #ffffff;
  --global-warning-onSurface-hover: #fff7e6;
  --global-warning-onSurface-pressed: #fef1d3;
  --global-warning-onSurfaceMuted-default: #7d5905;
  --global-warning-onSurfaceMuted-hover: #5a4004;
  --global-warning-onSurfaceMuted-pressed: #372702;
  --global-warning-surface-default: #c38b08;
  --global-warning-surface-hover: #a07206;
  --global-warning-surface-pressed: #7d5905;
  --global-warning-surfaceMuted-default: #e6a40922;
  --global-warning-surfaceMuted-hover: #e6a40933;
  --global-warning-surfaceMuted-pressed: #e6a40944;

  /* stylelint-disable-next-line studio/enforce-custom-media */
}

/* stylelint-disable-next-line studio/enforce-custom-media */

@media (min-width: 588px) {

:root {
    --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" 0.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" 0.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" 0.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;
}
}

@media (prefers-color-scheme: dark) {

:root {
    --global-bg-base-default: #1d1c1c;
    --global-bg-base-hover: #272727;
    --global-bg-base-pressed: #323131;
    --global-bg-baseAlt-default: #272727;
    --global-bg-baseAlt-hover: #323131;
    --global-bg-baseAlt-pressed: #3d3c3c;
    --global-bg-elevated-default: #272727;
    --global-bg-elevated-hover: #323131;
    --global-bg-elevated-pressed: #3d3c3c;
    --global-bg-page-default: #121212;
    --global-bg-page-hover: #1d1c1c;
    --global-bg-page-pressed: #272727;
    --global-bg-pageAlt-default: #020202;
    --global-bg-pageAlt-hover: #121212;
    --global-bg-pageAlt-pressed: #1d1c1c;
    --global-border-action-default: #ffffff42;
    --global-border-action-hover: #ffffff52;
    --global-border-action-pressed: #ffffff63;
    --global-border-muted-default: #ffffff30;
    --global-border-muted-hover: #ffffff42;
    --global-border-muted-pressed: #ffffff52;
    --global-border-strong-default: #ffffff63;
    --global-border-strong-hover: #ffffff75;
    --global-border-strong-pressed: #ffffff87;
    --global-content-critical-default: #fdc7cf;
    --global-content-critical-hover: #fedee2;
    --global-content-critical-pressed: #feecef;
    --global-content-decorative-default: #ffffff63;
    --global-content-decorative-hover: #ffffff75;
    --global-content-decorative-pressed: #ffffff87;
    --global-content-muted-default: #ffffffba;
    --global-content-muted-hover: #ffffffcc;
    --global-content-muted-pressed: #ffffffde;
    --global-content-primary-default: #88bcff;
    --global-content-primary-hover: #9dc7ff;
    --global-content-primary-pressed: #b1d1ff;
    --global-content-regular-default: #ffffff;
    --global-content-regular-hover: #ffffffed;
    --global-content-regular-pressed: #ffffffde;
    --global-content-success-default: #5bd795;
    --global-content-success-hover: #8be3b4;
    --global-content-success-pressed: #b7edd0;
    --global-content-warning-default: #fab719;
    --global-content-warning-hover: #fbc036;
    --global-content-warning-pressed: #fccb58;
    --global-control-action-default: #0d0d0d;
    --global-control-action-hover: #131313;
    --global-control-action-pressed: #252525;
    --global-control-surface-default: #ffffff;
    --global-control-surface-hover: #f6f6f6;
    --global-control-surface-pressed: #ececec;
    --global-critical-onSurface-default: #ffffff;
    --global-critical-onSurface-hover: #ffffff;
    --global-critical-onSurface-pressed: #ffffff;
    --global-critical-onSurfaceMuted-default: #fba3b0;
    --global-critical-onSurfaceMuted-hover: #fdc7cf;
    --global-critical-onSurfaceMuted-pressed: #fedee2;
    --global-critical-surface-default: #e54059;
    --global-critical-surface-hover: #f8526b;
    --global-critical-surface-pressed: #f9778b;
    --global-critical-surfaceMuted-default: #c6374d33;
    --global-critical-surfaceMuted-hover: #c6374d44;
    --global-critical-surfaceMuted-pressed: #c6374d55;
    --global-inverted-decorative-default: #0000006e;
    --global-inverted-decorative-hover: #00000082;
    --global-inverted-decorative-pressed: #00000099;
    --global-inverted-muted-default: #00000099;
    --global-inverted-muted-hover: #00000082;
    --global-inverted-muted-pressed: #0000006e;
    --global-inverted-regular-default: #000000;
    --global-inverted-regular-hover: #000000f2;
    --global-inverted-regular-pressed: #000000e5;
    --global-inverted-surface-default: #ffffff;
    --global-inverted-surface-hover: #f5f5f5;
    --global-inverted-surface-pressed: #e8e8e8;
    --global-primary-onSurface-default: #000000;
    --global-primary-onSurface-hover: #000000;
    --global-primary-onSurface-pressed: #000000;
    --global-primary-onSurfaceMuted-default: #ffffff;
    --global-primary-onSurfaceMuted-hover: #ffffff;
    --global-primary-onSurfaceMuted-pressed: #ffffff;
    --global-primary-onSurfaceSubtle-default: #ffffffab;
    --global-primary-onSurfaceSubtle-hover: #ffffffba;
    --global-primary-onSurfaceSubtle-pressed: #ffffffcc;
    --global-primary-surface-default: #ffffff;
    --global-primary-surface-hover: #f2f2f2;
    --global-primary-surface-pressed: #dedede;
    --global-primary-surfaceMuted-default: #7877766a;
    --global-primary-surfaceMuted-hover: #78777680;
    --global-primary-surfaceMuted-pressed: #78777695;
    --global-primary-surfaceSubtle-default: #78777640;
    --global-primary-surfaceSubtle-hover: #78777655;
    --global-primary-surfaceSubtle-pressed: #7877766a;
    --global-rich-action-default: #d3e4ff;
    --global-rich-action-hover: #cbdcf6;
    --global-rich-action-pressed: #c2d3ee;
    --global-rich-muted-default: #ffffffcc;
    --global-rich-muted-hover: #ffffffde;
    --global-rich-muted-pressed: #ffffffed;
    --global-rich-regular-default: #ffffff;
    --global-rich-regular-hover: #ffffffed;
    --global-rich-regular-pressed: #ffffffde;
    --global-rich-surface-default: #525252;
    --global-rich-surface-hover: #5e5e5e;
    --global-rich-surface-pressed: #6a6a6a;
    --global-rich-surfaceAlt-default: #005495;
    --global-rich-surfaceAlt-hover: #146cba;
    --global-rich-surfaceAlt-pressed: #146cba;
    --global-success-onSurface-default: #000000;
    --global-success-onSurface-hover: #000000f2;
    --global-success-onSurface-pressed: #000000e5;
    --global-success-onSurfaceMuted-default: #5bd795;
    --global-success-onSurfaceMuted-hover: #8be3b4;
    --global-success-onSurfaceMuted-pressed: #b7edd0;
    --global-success-surface-default: #1cc86c;
    --global-success-surface-hover: #0db45b;
    --global-success-surface-pressed: #0b994d;
    --global-success-surfaceMuted-default: #0db45b22;
    --global-success-surfaceMuted-hover: #0db45b33;
    --global-success-surfaceMuted-pressed: #0db45b44;
    --global-warning-onSurface-default: #372702;
    --global-warning-onSurface-hover: #191201;
    --global-warning-onSurface-pressed: #000000;
    --global-warning-onSurfaceMuted-default: #fccb58;
    --global-warning-onSurfaceMuted-hover: #fdda89;
    --global-warning-onSurfaceMuted-pressed: #fee8b6;
    --global-warning-surface-default: #fab719;
    --global-warning-surface-hover: #e6a409;
    --global-warning-surface-pressed: #c38b08;
    --global-warning-surfaceMuted-default: #e6a40922;
    --global-warning-surfaceMuted-hover: #e6a40933;
    --global-warning-surfaceMuted-pressed: #e6a40944;
}
}