/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --_pulse-core-legacy-color-transparent: rgba(0, 0, 0, 0);
  --_pulse-core-legacy-color-greyscale-white: #ffffff;
  --_pulse-core-legacy-color-greyscale-cloud: #f2f2f5;
  --_pulse-core-legacy-color-greyscale-dishwater: #eaeaf0;
  --_pulse-core-legacy-color-greyscale-silver: #e0e1eb;
  --_pulse-core-legacy-color-greyscale-stone: #8185a8;
  --_pulse-core-legacy-color-greyscale-metal: #44487e;
  --_pulse-core-legacy-color-greyscale-zinc: #363863;
  --_pulse-core-legacy-color-greyscale-night: #191c4d;
  --_pulse-core-legacy-color-blue-5: #f6fafe;
  --_pulse-core-legacy-color-blue-10: #edf5fd;
  --_pulse-core-legacy-color-blue-25: #d1e6fa;
  --_pulse-core-legacy-color-blue-50: #a3ccf5;
  --_pulse-core-legacy-color-blue-75: #4896e3;
  --_pulse-core-legacy-color-blue-100: #1064ac;
  --_pulse-core-legacy-color-blue-130: #144779;
  --_pulse-core-legacy-color-green-5: #f4fbfb;
  --_pulse-core-legacy-color-green-10: #e6f4f4;
  --_pulse-core-legacy-color-green-25: #cbe7e7;
  --_pulse-core-legacy-color-green-50: #89c9c9;
  --_pulse-core-legacy-color-green-75: #429d9d;
  --_pulse-core-legacy-color-green-100: #037c7c;
  --_pulse-core-legacy-color-green-130: #0e6262;
  --_pulse-core-legacy-color-red-5: #fff6f5;
  --_pulse-core-legacy-color-red-10: #feeceb;
  --_pulse-core-legacy-color-red-25: #fcd1cf;
  --_pulse-core-legacy-color-red-50: #f9a19c;
  --_pulse-core-legacy-color-red-75: #e76058;
  --_pulse-core-legacy-color-red-100: #df2b20;
  --_pulse-core-legacy-color-red-130: #c1160b;
  --_pulse-core-legacy-color-yellow-5: #fffcf0;
  --_pulse-core-legacy-color-yellow-10: #fef8e2;
  --_pulse-core-legacy-color-yellow-25: #fdedb4;
  --_pulse-core-legacy-color-yellow-50: #fce48f;
  --_pulse-core-legacy-color-yellow-75: #ffdf70;
  --_pulse-core-legacy-color-yellow-100: #ffc700;
  --_pulse-core-legacy-color-yellow-130: #df9320;
  --_pulse-core-legacy-color-orange-5: #fff7f0;
  --_pulse-core-legacy-color-orange-10: #fff0e0;
  --_pulse-core-legacy-color-orange-25: #ffd9b3;
  --_pulse-core-legacy-color-orange-50: #ffbf80;
  --_pulse-core-legacy-color-orange-75: #f59f49;
  --_pulse-core-legacy-color-orange-100: #f2800d;
  --_pulse-core-legacy-color-orange-130: #c2660a;
  --_pulse-core-legacy-color-pink-5: #fef0fa;
  --_pulse-core-legacy-color-pink-10: #fee6f6;
  --_pulse-core-legacy-color-pink-25: #fccfed;
  --_pulse-core-legacy-color-pink-50: #f6acdd;
  --_pulse-core-legacy-color-pink-75: #f498d5;
  --_pulse-core-legacy-color-pink-100: #f075c7;
  --_pulse-core-legacy-color-pink-130: #eb47b4;
  --_pulse-core-legacy-color-purple-5: #f3f0fe;
  --_pulse-core-legacy-color-purple-10: #eae6fe;
  --_pulse-core-legacy-color-purple-25: #d6cffc;
  --_pulse-core-legacy-color-purple-50: #b6a8fa;
  --_pulse-core-legacy-color-purple-75: #a392f9;
  --_pulse-core-legacy-color-purple-100: #856ef7;
  --_pulse-core-legacy-color-purple-130: #7055f6;
  --_pulse-core-legacy-space-0: 0; /** 0px */
  --_pulse-core-legacy-space-50: 0.125rem; /** 2px */
  --_pulse-core-legacy-space-100: 0.25rem; /** 4px */
  --_pulse-core-legacy-space-150: 0.375rem; /** 6px */
  --_pulse-core-legacy-space-200: 0.5rem; /** 8px */
  --_pulse-core-legacy-space-300: 0.75rem; /** 12px */
  --_pulse-core-legacy-space-400: 1rem; /** 16px */
  --_pulse-core-legacy-space-500: 1.25rem; /** 20px */
  --_pulse-core-legacy-space-600: 1.5rem; /** 24px */
  --_pulse-core-legacy-space-800: 2rem; /** 32px */
  --_pulse-core-legacy-space-1000: 2.5rem; /** 40px */
  --_pulse-core-legacy-space-1200: 3rem; /** 48px */
  --_pulse-core-legacy-space-1400: 3.5rem; /** 56px */
  --_pulse-core-legacy-space-1600: 4rem; /** 64px */
  --_pulse-core-legacy-space-2000: 5rem; /** 80px */
  --_pulse-core-legacy-size-0: 0; /** Zero dimension or proportion */
  --_pulse-core-legacy-size-25: 25%; /** 1/4 of the available space */
  --_pulse-core-legacy-size-33: 33.33%; /** 1/3 of the available space */
  --_pulse-core-legacy-size-50: 50%; /** 1/2 of the available space */
  --_pulse-core-legacy-size-66: 66.66%; /** 2/3 of the available space */
  --_pulse-core-legacy-size-75: 75%; /** 3/4 of the available space */
  --_pulse-core-legacy-size-full: 100%; /** Full available space (100% of parent size) */
  --_pulse-core-legacy-size-screen-width: 100vw; /** 100% of the viewport width */
  --_pulse-core-legacy-size-screen-height: 100vh; /** 100% of the viewport height */
  --_pulse-core-legacy-size-auto: auto; /** Default or intrinsic sizing behavior */
  --_pulse-core-legacy-size-min-content: min-content; /** Smallest intrinsic size a content box can take without overflowing its content */
  --_pulse-core-legacy-size-max-content: max-content; /** Largest intrinsic size a content box can take, fitting all its content on a single line (if applicable) */
  --_pulse-core-legacy-size-fit-content: fit-content; /** Size that clamps to max-content if the available space is larger, but to min-content if the available space is smaller */
  --_pulse-core-legacy-radius-0: 0;
  --_pulse-core-legacy-radius-sm: 4px;
  --_pulse-core-legacy-radius-md: 6px;
  --_pulse-core-legacy-radius-lg: 8px;
  --_pulse-core-legacy-radius-xl: 12px;
  --_pulse-core-legacy-radius-full: 9999px;
  --_pulse-core-legacy-border-width-0: 0; /** 0px */
  --_pulse-core-legacy-border-width-sm: 1px; /** 1px */
  --_pulse-core-legacy-font-size-sm: 0.875rem;
  --_pulse-core-legacy-font-size-md: 1rem;
  --_pulse-core-legacy-font-size-lg: 1.25rem;
  --_pulse-core-legacy-font-size-xl: 1.5rem;
  --_pulse-core-legacy-font-size-xxl: 2rem;
  --_pulse-core-legacy-font-size-xxxl: 2.5rem;
  --_pulse-core-legacy-font-line-height-sm: 1.25rem; /** Line height for sm font size (14px/20px) */
  --_pulse-core-legacy-font-line-height-md: 1.5rem; /** Line height for md font size (16px/24px) */
  --_pulse-core-legacy-font-line-height-lg: 1.75rem; /** Line height for lg font size (20px/28px) */
  --_pulse-core-legacy-font-line-height-xl: 2rem; /** Line height for xl font size (24px/32px) */
  --_pulse-core-legacy-font-line-height-xxl: 2.5rem; /** Line height for xxl font size (32px/40px) */
  --_pulse-core-legacy-font-line-height-xxxl: 3.25rem; /** Line height for xxxl font size (40px/52px) */
  --_pulse-core-legacy-font-weight-regular: 400;
  --_pulse-core-legacy-font-weight-semibold: 600;
  --_pulse-core-legacy-font-weight-bold: 700;
  --_pulse-core-legacy-font-family-base: Roboto, sans-serif;
  --_pulse-core-legacy-color-alpha-white-5: rgba(255, 255, 255, 0.05);
  --_pulse-core-legacy-color-alpha-white-10: rgba(255, 255, 255, 0.1);
  --_pulse-core-legacy-color-alpha-white-20: rgba(255, 255, 255, 0.2);
  --_pulse-core-legacy-color-alpha-white-30: rgba(255, 255, 255, 0.3);
  --_pulse-core-legacy-color-alpha-white-40: rgba(255, 255, 255, 0.4);
  --_pulse-core-legacy-color-alpha-white-50: rgba(255, 255, 255, 0.5);
  --_pulse-core-legacy-color-alpha-white-60: rgba(255, 255, 255, 0.6);
  --_pulse-core-legacy-color-alpha-white-70: rgba(255, 255, 255, 0.7);
  --_pulse-core-legacy-color-alpha-white-80: rgba(255, 255, 255, 0.8);
  --_pulse-core-legacy-color-alpha-white-90: rgba(255, 255, 255, 0.9);
  --_pulse-core-legacy-color-alpha-grey-5: rgba(25, 28, 77, 0.05);
  --_pulse-core-legacy-color-alpha-grey-10: rgba(25, 28, 77, 0.1);
  --_pulse-core-legacy-color-alpha-grey-20: rgba(25, 28, 77, 0.2);
  --_pulse-core-legacy-color-alpha-grey-30: rgba(25, 28, 77, 0.3);
  --_pulse-core-legacy-color-alpha-grey-40: rgba(25, 28, 77, 0.4);
  --_pulse-core-legacy-color-alpha-grey-50: rgba(25, 28, 77, 0.5);
  --_pulse-core-legacy-color-alpha-grey-60: rgba(25, 28, 77, 0.6);
  --_pulse-core-legacy-color-alpha-grey-70: rgba(25, 28, 77, 0.7);
  --_pulse-core-legacy-color-alpha-grey-80: rgba(25, 28, 77, 0.8);
  --_pulse-core-legacy-color-alpha-grey-90: rgba(25, 28, 77, 0.9);
  --_pulse-core-legacy-elevation-0: 0 0 0 0 var(--_pulse-core-legacy-color-transparent); /** No elevation */
  --pulse-color-text-primary: var(--_pulse-core-legacy-color-greyscale-night); /** Primary text colour for most body text, headings, and crucial information */
  --pulse-color-text-negative: var(--_pulse-core-legacy-color-red-130); /** Generic negative text colour (for example, form validation errors) */
  --pulse-color-text-positive: var(--_pulse-core-legacy-color-green-100); /** Generic positive text colour */
  --pulse-color-text-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Default disabled text colour */
  --pulse-color-text-inverted-primary: var(--_pulse-core-legacy-color-greyscale-white); /** Primary text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-background-page: var(--_pulse-core-legacy-color-greyscale-cloud); /** Primary background color of the main page content */
  --pulse-color-background-surface-default: var(--_pulse-core-legacy-color-greyscale-white); /** Background for cards, panels, modals, or distinct content blocks that sit on top of the page background */
  --pulse-color-background-surface-grey: var(--_pulse-core-legacy-color-greyscale-cloud); /** light grey background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-green: var(--_pulse-core-legacy-color-green-10); /** light green background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-yellow: var(--_pulse-core-legacy-color-yellow-10); /** light yellow background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-orange: var(--_pulse-core-legacy-color-orange-5); /** light orange background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-red: var(--_pulse-core-legacy-color-red-10); /** light red background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-pink: var(--_pulse-core-legacy-color-pink-10); /** light pink background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-purple: var(--_pulse-core-legacy-color-purple-10); /** light purple background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-blue: var(--_pulse-core-legacy-color-blue-10); /** light blue background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-transparent: var(--_pulse-core-legacy-color-transparent); /** Explicit transparent background surface color */
  --pulse-color-background-surface-inverted-default: var(--_pulse-core-legacy-color-greyscale-night); /** Inverted background colour for surfaces that contrast against page content (e.g. tooltips) */
  --pulse-color-background-brand-primary: var(--_pulse-core-legacy-color-green-100); /** Background utilising the primary brand color */
  --pulse-color-background-brand-secondary: var(--_pulse-core-legacy-color-green-75); /** Background utilising a secondary brand color */
  --pulse-color-background-interactive-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting background for generic interactive elements */
  --pulse-color-background-interactive-disabled: var(--_pulse-core-legacy-color-greyscale-cloud); /** Disabled background for generic interactive elements */
  --pulse-color-background-interactive-inverted-resting: var(--_pulse-core-legacy-color-transparent); /** Resting background for inverted interactive element like checkbox or input */
  --pulse-color-background-interactive-inverted-disabled: var(--_pulse-core-legacy-color-transparent); /** Disabled background for inverted interactive element like checkbox or input */
  --pulse-color-background-selected-resting: var(--_pulse-core-legacy-color-blue-100); /** Resting background colour for selected control indicator */
  --pulse-color-background-selected-hover: var(--_pulse-core-legacy-color-blue-130); /** Hover background colour for selected control indicator */
  --pulse-color-background-selected-pressed: var(--_pulse-core-legacy-color-blue-130); /** Pressed background colour for selected control indicator */
  --pulse-color-background-selected-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled background colour for selected control indicator */
  --pulse-color-background-selected-inverted-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled background colour for inverted selected control indicator */
  --pulse-color-background-status-info: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for informational status messages */
  --pulse-color-background-status-neutral: var(--_pulse-core-legacy-color-greyscale-cloud); /** Background colour for neutral status messages */
  --pulse-color-background-status-success: var(--_pulse-core-legacy-color-green-10); /** Background colour for success status messages */
  --pulse-color-background-status-warning: var(--_pulse-core-legacy-color-yellow-10); /** Background colour for warning status messages */
  --pulse-color-background-status-error: var(--_pulse-core-legacy-color-red-10); /** Background colour for error status messages */
  --pulse-color-background-status-action: var(--_pulse-core-legacy-color-blue-10); /** Background colour for action-related status messages */
  --pulse-color-background-status-tour: var(--_pulse-core-legacy-color-purple-10); /** Background colour for tour-related status messages */
  --pulse-color-border-default: var(--_pulse-core-legacy-color-greyscale-silver); /** Standard border colour for general elements */
  --pulse-color-border-subtle: var(--_pulse-core-legacy-color-greyscale-dishwater); /** Muted border colour for soft separation */
  --pulse-color-border-strong: var(--_pulse-core-legacy-color-greyscale-stone); /** Strong border colour for strong separation */
  --pulse-color-border-status-negative: var(--_pulse-core-legacy-color-red-100); /** Negative border colour for elements with invalid, error, or generic negative user sentiment states */
  --pulse-color-border-status-positive: var(--_pulse-core-legacy-color-green-100); /** Positive border colour for elements with generic positive user sentiment states */
  --pulse-color-border-interactive-resting: var(--_pulse-core-legacy-color-greyscale-stone); /** Resting border colour for interactive elements */
  --pulse-color-border-interactive-hover: var(--_pulse-core-legacy-color-greyscale-metal); /** Hover border colour for interactive elements */
  --pulse-color-border-interactive-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active border colour for interactive elements */
  --pulse-color-border-interactive-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled border colour for interactive elements */
  --pulse-color-border-selected-resting: var(--_pulse-core-legacy-color-blue-100); /** Resting border colour for selected control */
  --pulse-color-border-selected-hover: var(--_pulse-core-legacy-color-blue-130); /** Hover border colour for selected control */
  --pulse-color-border-selected-pressed: var(--_pulse-core-legacy-color-blue-130); /** Pressed border colour for selected control */
  --pulse-color-border-selected-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled border colour for selected control */
  --pulse-color-icon-primary: var(--_pulse-core-legacy-color-greyscale-night); /** Primary icon colour */
  --pulse-color-icon-inverted-primary: var(--_pulse-core-legacy-color-greyscale-white); /** Primary icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-interactive-resting: var(--_pulse-core-legacy-color-greyscale-metal); /** Resting icon colour for interactive elements */
  --pulse-color-icon-interactive-hover: var(--_pulse-core-legacy-color-greyscale-night); /** Hover icon colour for interactive elements */
  --pulse-color-icon-interactive-pressed: var(--_pulse-core-legacy-color-greyscale-night); /** Pressed/Active icon colour for interactive elements */
  --pulse-color-icon-interactive-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled icon colour for interactive elements */
  --pulse-color-icon-status-info: var(--_pulse-core-legacy-color-greyscale-metal); /** Icon colour for informational status messages */
  --pulse-color-icon-status-neutral: var(--_pulse-core-legacy-color-greyscale-metal); /** Icon colour for neutral status messages */
  --pulse-color-icon-status-success: var(--_pulse-core-legacy-color-green-100); /** Icon colour for success status messages */
  --pulse-color-icon-status-warning: var(--_pulse-core-legacy-color-orange-130); /** Icon colour for warning status messages */
  --pulse-color-icon-status-error: var(--_pulse-core-legacy-color-red-100); /** Icon colour for error status messages */
  --pulse-color-icon-status-action: var(--_pulse-core-legacy-color-blue-100); /** Icon colour for action-related status messages */
  --pulse-color-icon-status-tour: var(--_pulse-core-legacy-color-purple-100); /** Icon colour for tour-related status messages */
  --pulse-color-link-text-resting: var(--_pulse-core-legacy-color-blue-100); /** Standard text colour for hyperlinks */
  --pulse-color-link-text-hover: var(--_pulse-core-legacy-color-blue-130); /** Standard hover text colour for hyperlinks */
  --pulse-color-link-text-visited: var(--_pulse-core-legacy-color-greyscale-metal); /** Standard visited text colour for hyperlinks */
  --pulse-color-link-text-dark-resting: var(--_pulse-core-legacy-color-greyscale-night); /** Dark text colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-dark-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Dark text hover colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-dark-visited: var(--_pulse-core-legacy-color-greyscale-metal); /** Dark text visited colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-inverted-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Inverted text colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-resting: var(--_pulse-core-legacy-color-blue-100); /** Standard icon colour for hyperlinks */
  --pulse-color-link-icon-hover: var(--_pulse-core-legacy-color-blue-130); /** Standard hover icon colour for hyperlinks */
  --pulse-color-link-icon-visited: var(--_pulse-core-legacy-color-greyscale-metal); /** Standard visited icon colour for hyperlinks */
  --pulse-color-link-icon-dark-resting: var(--_pulse-core-legacy-color-greyscale-night); /** Dark icon colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-dark-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Dark icon hover colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-dark-visited: var(--_pulse-core-legacy-color-greyscale-metal); /** Dark icon visited colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-inverted-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Inverted icon colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-button-text-primary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting text colour for primary button */
  --pulse-color-button-text-primary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover text colour for primary button */
  --pulse-color-button-text-primary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active text colour for primary button */
  --pulse-color-button-text-primary-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled text colour for primary button */
  --pulse-color-button-text-secondary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting text colour for secondary button */
  --pulse-color-button-text-secondary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover text colour for secondary button */
  --pulse-color-button-text-secondary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active text colour for secondary button */
  --pulse-color-button-text-secondary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled text colour for secondary button */
  --pulse-color-button-text-tertiary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled text colour for tertiary/ghost button */
  --pulse-color-button-text-destructive-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting text colour for destructive button */
  --pulse-color-button-text-destructive-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover text colour for destructive button */
  --pulse-color-button-text-destructive-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active text colour for destructive button */
  --pulse-color-button-text-destructive-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled text colour for destructive button */
  --pulse-color-button-text-inverted-primary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting text colour for inverted primary button */
  --pulse-color-button-text-inverted-primary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover text colour for inverted primary button */
  --pulse-color-button-text-inverted-primary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active text colour for inverted primary button */
  --pulse-color-button-text-inverted-secondary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting text colour for inverted secondary button */
  --pulse-color-button-text-inverted-secondary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover text colour for inverted secondary button */
  --pulse-color-button-text-inverted-secondary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active text colour for inverted secondary button */
  --pulse-color-button-text-inverted-tertiary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting text colour for inverted tertiary/ghost button */
  --pulse-color-button-text-inverted-tertiary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover text colour for inverted tertiary/ghost button */
  --pulse-color-button-text-inverted-tertiary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active text colour for inverted tertiary/ghost button */
  --pulse-color-button-background-primary-resting: var(--_pulse-core-legacy-color-blue-100); /** Resting background colour for primary button */
  --pulse-color-button-background-primary-hover: var(--_pulse-core-legacy-color-blue-130); /** Hover background colour for primary button */
  --pulse-color-button-background-primary-pressed: var(--_pulse-core-legacy-color-blue-130); /** Pressed/Active background colour for primary button */
  --pulse-color-button-background-primary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled background colour for primary button */
  --pulse-color-button-background-secondary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting background colour for secondary button */
  --pulse-color-button-background-secondary-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled background colour for secondary button */
  --pulse-color-button-background-tertiary-resting: var(--_pulse-core-legacy-color-transparent); /** Resting background colour for tertiary/ghost button */
  --pulse-color-button-background-tertiary-disabled: var(--_pulse-core-legacy-color-transparent); /** Disabled background colour for tertiary/ghost button */
  --pulse-color-button-background-destructive-resting: var(--_pulse-core-legacy-color-red-100); /** Resting background colour for destructive button */
  --pulse-color-button-background-destructive-hover: var(--_pulse-core-legacy-color-red-130); /** Hover background colour for destructive button */
  --pulse-color-button-background-destructive-pressed: var(--_pulse-core-legacy-color-red-130); /** Pressed/Active background colour for destructive button */
  --pulse-color-button-background-destructive-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled background colour for destructive button */
  --pulse-color-button-background-inverted-primary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting background colour for inverted primary button */
  --pulse-color-button-background-inverted-tertiary-resting: var(--_pulse-core-legacy-color-transparent); /** Resting background colour for inverted tertiary/ghost button */
  --pulse-color-button-background-inverted-tertiary-disabled: var(--_pulse-core-legacy-color-transparent); /** Disabled background colour for inverted tertiary/ghost button */
  --pulse-color-button-border-primary-resting: var(--_pulse-core-legacy-color-blue-130); /** Resting border colour for primary button */
  --pulse-color-button-border-primary-hover: var(--_pulse-core-legacy-color-blue-130); /** Hover border colour for primary button */
  --pulse-color-button-border-primary-pressed: var(--_pulse-core-legacy-color-blue-130); /** Pressed/Active border colour for primary button */
  --pulse-color-button-border-primary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled border colour for primary button */
  --pulse-color-button-border-secondary-resting: var(--_pulse-core-legacy-color-greyscale-silver); /** Resting border colour for secondary button */
  --pulse-color-button-border-secondary-hover: var(--_pulse-core-legacy-color-greyscale-silver); /** Hover border colour for secondary button */
  --pulse-color-button-border-secondary-pressed: var(--_pulse-core-legacy-color-greyscale-silver); /** Pressed/Active border colour for secondary button */
  --pulse-color-button-border-secondary-disabled: var(--_pulse-core-legacy-color-greyscale-silver); /** Disabled border colour for secondary button */
  --pulse-color-button-border-destructive-resting: var(--_pulse-core-legacy-color-red-130); /** Resting border colour for destructive button */
  --pulse-color-button-border-destructive-hover: var(--_pulse-core-legacy-color-red-130); /** Hover border colour for destructive button */
  --pulse-color-button-border-destructive-pressed: var(--_pulse-core-legacy-color-red-130); /** Pressed/Active border colour for destructive button */
  --pulse-color-button-border-destructive-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled border colour for destructive button */
  --pulse-color-button-icon-primary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting icon colour for primary button */
  --pulse-color-button-icon-primary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover icon colour for primary button */
  --pulse-color-button-icon-primary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active icon colour for primary button */
  --pulse-color-button-icon-primary-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled icon colour for primary button */
  --pulse-color-button-icon-secondary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting icon colour for secondary button */
  --pulse-color-button-icon-secondary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover icon colour for secondary button */
  --pulse-color-button-icon-secondary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active icon colour for secondary button */
  --pulse-color-button-icon-secondary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled icon colour for secondary button */
  --pulse-color-button-icon-tertiary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled icon colour for tertiary/ghost button */
  --pulse-color-button-icon-destructive-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting icon colour for destructive button */
  --pulse-color-button-icon-destructive-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover icon colour for destructive button */
  --pulse-color-button-icon-destructive-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active icon colour for destructive button */
  --pulse-color-button-icon-destructive-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled icon colour for destructive button */
  --pulse-color-button-icon-inverted-primary-resting: var(--_pulse-core-legacy-color-greyscale-zinc); /** Resting icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-primary-hover: var(--_pulse-core-legacy-color-greyscale-zinc); /** Hover icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-primary-pressed: var(--_pulse-core-legacy-color-greyscale-zinc); /** Pressed/Active icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-secondary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-secondary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-secondary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-tertiary-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting icon colour for inverted tertiary/ghost button */
  --pulse-color-button-icon-inverted-tertiary-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Hover icon colour for inverted tertiary/ghost button */
  --pulse-color-button-icon-inverted-tertiary-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Pressed/Active icon colour for inverted tertiary/ghost button */
  --pulse-color-tag-text-white: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a white background */
  --pulse-color-tag-text-grey: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a grey background */
  --pulse-color-tag-text-green: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a green background */
  --pulse-color-tag-text-yellow: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a yellow background */
  --pulse-color-tag-text-orange: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with an orange background */
  --pulse-color-tag-text-red: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a red background */
  --pulse-color-tag-text-pink: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a pink background */
  --pulse-color-tag-text-purple: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a purple background */
  --pulse-color-tag-text-blue: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for a tag component with a blue background */
  --pulse-color-tag-background-white: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for a tag component with a white background */
  --pulse-color-tag-background-grey: var(--_pulse-core-legacy-color-greyscale-silver); /** Background colour for a tag component with a grey background */
  --pulse-color-tag-background-green: var(--_pulse-core-legacy-color-green-25); /** Background colour for a tag component with a green background */
  --pulse-color-tag-background-yellow: var(--_pulse-core-legacy-color-yellow-25); /** Background colour for a tag component with a yellow background */
  --pulse-color-tag-background-orange: var(--_pulse-core-legacy-color-orange-25); /** Background colour for a tag component with an orange background */
  --pulse-color-tag-background-red: var(--_pulse-core-legacy-color-red-25); /** Background colour for a tag component with a red background */
  --pulse-color-tag-background-blue: var(--_pulse-core-legacy-color-blue-25); /** Background colour for a tag component with a blue background */
  --pulse-color-tag-background-purple: var(--_pulse-core-legacy-color-purple-25); /** Background colour for a tag component with a purple background */
  --pulse-color-tag-background-pink: var(--_pulse-core-legacy-color-pink-25); /** Background colour for a tag component with a pink background */
  --pulse-color-tag-icon-white: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a white background */
  --pulse-color-tag-icon-grey: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a grey background */
  --pulse-color-tag-icon-green: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a green background */
  --pulse-color-tag-icon-yellow: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a yellow background */
  --pulse-color-tag-icon-orange: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with an orange background */
  --pulse-color-tag-icon-red: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a red background */
  --pulse-color-tag-icon-blue: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a blue background */
  --pulse-color-tag-icon-purple: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a purple background */
  --pulse-color-tag-icon-pink: var(--_pulse-core-legacy-color-greyscale-night); /** Icon colour for a tag component with a pink background */
  --pulse-color-progress-background-indicator-dark: var(--_pulse-core-legacy-color-greyscale-metal); /** Dark background colour for the indicator of a progress component */
  --pulse-color-progress-background-indicator-light: var(--_pulse-core-legacy-color-greyscale-white); /** Light background colour for the indicator of a progress component */
  --pulse-color-progress-background-indicator-error: var(--_pulse-core-legacy-color-red-100); /** Error background colour for the indicator of a progress component */
  --pulse-color-avatar-text-default: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for avatar labels */
  --pulse-color-avatar-background-white: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for white avatar variant */
  --pulse-color-avatar-background-blue: var(--_pulse-core-legacy-color-blue-25); /** Background colour for blue avatar variant */
  --pulse-color-avatar-background-grey: var(--_pulse-core-legacy-color-greyscale-dishwater); /** Background colour for grey avatar variant */
  --pulse-color-avatar-icon-default: var(--_pulse-core-legacy-color-greyscale-zinc); /** Icon colour for avatar icons */
  --pulse-color-input-text-default: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for input values */
  --pulse-color-input-text-placeholder: var(--_pulse-core-legacy-color-greyscale-stone); /** Text colour for input placeholders */
  --pulse-color-input-text-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Text colour for input disabled values */
  --pulse-color-input-background-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for resting input */
  --pulse-color-input-background-hover: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for hovered input */
  --pulse-color-input-background-pressed: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for pressed input */
  --pulse-color-input-background-disabled: var(--_pulse-core-legacy-color-greyscale-cloud); /** Background colour for disabled input */
  --pulse-color-input-border-resting: var(--_pulse-core-legacy-color-greyscale-stone); /** Border colour for resting input */
  --pulse-color-input-border-hover: var(--_pulse-core-legacy-color-greyscale-metal); /** Border colour for hovered input */
  --pulse-color-input-border-pressed: var(--_pulse-core-legacy-color-greyscale-metal); /** Border colour for pressed input */
  --pulse-color-input-border-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Border colour for disabled input */
  --pulse-color-input-border-error-resting: var(--_pulse-core-legacy-color-red-100); /** Border colour for resting input with error state */
  --pulse-color-input-border-error-hover: var(--_pulse-core-legacy-color-red-130); /** Border colour for hovered input with error state */
  --pulse-color-input-border-error-pressed: var(--_pulse-core-legacy-color-red-130); /** Border colour for pressed input with error state */
  --pulse-color-input-icon-default: var(--_pulse-core-legacy-color-greyscale-zinc); /** Default colour for icons in inputs */
  --pulse-color-input-icon-positive: var(--_pulse-core-legacy-color-green-100); /** Positive colour for icons in inputs */
  --pulse-color-input-icon-negative: var(--_pulse-core-legacy-color-red-100); /** Negative colour for icons in inputs */
  --pulse-color-input-icon-disabled: var(--_pulse-core-legacy-color-greyscale-stone); /** Disabled colour for icons in inputs */
  --pulse-color-badge-text-neutral: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for neutral badge component variant */
  --pulse-color-badge-text-action: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for action badge component variant */
  --pulse-color-badge-text-critical: var(--_pulse-core-legacy-color-greyscale-white); /** Text colour for critical badge component variant */
  --pulse-color-badge-text-inverted: var(--_pulse-core-legacy-color-greyscale-night); /** Text colour for inverted badge component variant */
  --pulse-color-badge-background-action: var(--_pulse-core-legacy-color-blue-50); /** Background colour for action badge component variant */
  --pulse-color-badge-background-critical: var(--_pulse-core-legacy-color-red-100); /** Background colour for critical badge component variant */
  --pulse-color-badge-background-inverted: var(--_pulse-core-legacy-color-greyscale-white); /** Background colour for inverted badge component variant */
  --pulse-color-badge-icon-neutral: var(--_pulse-core-legacy-color-greyscale-zinc); /** Icon colour for neutral badge component variant */
  --pulse-color-badge-icon-action: var(--_pulse-core-legacy-color-greyscale-zinc); /** Icon colour for action badge component variant */
  --pulse-color-badge-icon-critical: var(--_pulse-core-legacy-color-greyscale-white); /** Icon colour for critical badge component variant */
  --pulse-color-badge-icon-inverted: var(--_pulse-core-legacy-color-greyscale-zinc); /** Icon colour for inverted badge component variant */
  --pulse-color-indicator-background-success: var(--_pulse-core-legacy-color-green-100); /** Background colour for success indicator component variant */
  --pulse-color-indicator-background-action: var(--_pulse-core-legacy-color-blue-75); /** Background colour for action indicator component variant */
  --pulse-color-indicator-background-critical: var(--_pulse-core-legacy-color-red-100); /** Background colour for critical indicator component variant */
  --pulse-color-focus-outline-inner: var(--_pulse-core-legacy-color-greyscale-white); /** Inner border colour for focus ring */
  --pulse-color-focus-outline-outer: var(--_pulse-core-legacy-color-blue-100); /** Outer border colour for focus ring */
  --pulse-color-navigation-item-background-resting: var(--_pulse-core-legacy-color-greyscale-white); /** Resting background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-disabled: var(--_pulse-core-legacy-color-greyscale-white); /** Disabled background colour for an unselected navigation item */
  --pulse-space-grid-margin-sm: var(--_pulse-core-legacy-space-400); /** Space between the grid and its container at the sm breakpoint */
  --pulse-space-grid-margin-md: var(--_pulse-core-legacy-space-500); /** Space between the grid and its container at the md breakpoint */
  --pulse-space-grid-margin-lg: var(--_pulse-core-legacy-space-600); /** Space between the grid and its container at the lg and xl breakpoints */
  --pulse-space-grid-gutter-sm: var(--_pulse-core-legacy-space-200); /** Space between grid columns and rows at the sm breakpoint */
  --pulse-space-grid-gutter-md: var(--_pulse-core-legacy-space-300); /** Space between grid columns and rows at the md breakpoint */
  --pulse-space-grid-gutter-lg: var(--_pulse-core-legacy-space-400); /** Space between grid columns and rows at the lg and xl breakpoints */
  --pulse-space-container-inset-xs: var(--_pulse-core-legacy-space-200); /** Tight padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-sm: var(--_pulse-core-legacy-space-300); /** Compact padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-md: var(--_pulse-core-legacy-space-400); /** Moderate padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-lg: var(--_pulse-core-legacy-space-600); /** Spacious padding option for page sections, empty states, cards, containers, and other generic regions */
  --pulse-space-container-inset-xl: var(--_pulse-core-legacy-space-800); /** Generous padding option for hero surfaces, feature panels, cards, containers, and other generic regions */
  --pulse-space-container-stack-xs: var(--_pulse-core-legacy-space-200); /** Tight vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-sm: var(--_pulse-core-legacy-space-300); /** Compact vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-md: var(--_pulse-core-legacy-space-400); /** Moderate vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-lg: var(--_pulse-core-legacy-space-600); /** Spacious vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-xl: var(--_pulse-core-legacy-space-800); /** Generous vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-xs: var(--_pulse-core-legacy-space-200); /** Tight horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-sm: var(--_pulse-core-legacy-space-300); /** Compact horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-md: var(--_pulse-core-legacy-space-400); /** Moderate horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-lg: var(--_pulse-core-legacy-space-600); /** Spacious horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-xl: var(--_pulse-core-legacy-space-800); /** Generous horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-list-stack-sm: var(--_pulse-core-legacy-space-100); /** Tight vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-stack-md: var(--_pulse-core-legacy-space-200); /** Compact vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-stack-lg: var(--_pulse-core-legacy-space-300); /** Moderate vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-item-inset-sm: var(--_pulse-core-legacy-space-100); /** Tight padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-list-item-inset-md: var(--_pulse-core-legacy-space-200); /** Compact padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-list-item-inset-lg: var(--_pulse-core-legacy-space-300); /** Moderate padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-table-cell-inset-sm: var(--_pulse-core-legacy-space-300); /** Vertical padding for table cells, composed with md for the horizontal axis */
  --pulse-space-table-cell-inset-md: var(--_pulse-core-legacy-space-400); /** Horizontal padding for table cells, composed with sm for the vertical axis */
  --pulse-space-form-stack-xs: var(--_pulse-core-legacy-space-100); /** Tight vertical space within forms, typically used between form field elements like inputs, labels, and validation messages */
  --pulse-space-form-stack-sm: var(--_pulse-core-legacy-space-200); /** Compact vertical space within forms */
  --pulse-space-form-stack-md: var(--_pulse-core-legacy-space-400); /** Moderate vertical space within forms and default space above form submission actions */
  --pulse-space-form-stack-lg: var(--_pulse-core-legacy-space-600); /** Spacious vertical space within forms and default space between form fields */
  --pulse-space-form-stack-xl: var(--_pulse-core-legacy-space-800); /** Generous vertical space within forms and default space between form sections */
  --pulse-space-form-inline-sm: var(--_pulse-core-legacy-space-200); /** Compact horizontal space for form content, small indents, and default space for input fields sharing a row */
  --pulse-space-form-inline-md: var(--_pulse-core-legacy-space-400); /** Moderate horizontal space for form content and other inline form elements or indents */
  --pulse-space-form-inline-lg: var(--_pulse-core-legacy-space-600); /** Spacious horizontal space for form content and other inline form elements or indents */
  --pulse-space-form-field-gap-label: var(--_pulse-core-legacy-space-100); /** Vertical space between a form field's label and input element */
  --pulse-space-form-field-gap-validation: var(--_pulse-core-legacy-space-100); /** Vertical space between a form field and its validation message, visually linking the two elements */
  --pulse-space-form-field-gap-inline: var(--_pulse-core-legacy-space-300); /** Standard horizontal space between form elements when placed inline */
  --pulse-space-form-layout-heading: var(--_pulse-core-legacy-space-600); /** Default space between form heading and form fields */
  --pulse-space-form-layout-action: var(--_pulse-core-legacy-space-400); /** Default space between form fields and form action(s) */
  --pulse-space-form-gap-md: var(--_pulse-core-legacy-space-600); /** Standard spacing between components in a form layout */
  --pulse-space-pair-inline-xs: var(--_pulse-core-legacy-space-50); /** Tight horizontal space option for key caps, labels, and other elements reading as one unit */
  --pulse-space-pair-inline-sm: var(--_pulse-core-legacy-space-100); /** Compact horizontal space option for icons, labels, and other elements reading as one unit */
  --pulse-space-pair-inline-md: var(--_pulse-core-legacy-space-200); /** Moderate horizontal space option for terms, values, and other elements reading as one unit */
  --pulse-space-pair-inline-lg: var(--_pulse-core-legacy-space-300); /** Spacious horizontal space option for avatars, names, and other elements reading as one unit */
  --pulse-space-pair-stack-xs: var(--_pulse-core-legacy-space-50); /** Tight vertical space option for values, units, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-sm: var(--_pulse-core-legacy-space-100); /** Compact vertical space option for headings, subtext, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-md: var(--_pulse-core-legacy-space-200); /** Moderate vertical space option for labels, descriptions, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-lg: var(--_pulse-core-legacy-space-300); /** Spacious vertical space option for stacked elements reading as one unit */
  --pulse-space-control-inline-sm: var(--_pulse-core-legacy-space-100); /** Tight horizontal space option for icon buttons, and other controls in a row */
  --pulse-space-control-inline-md: var(--_pulse-core-legacy-space-200); /** Compact horizontal space option for controls and actions in a row */
  --pulse-space-control-inline-lg: var(--_pulse-core-legacy-space-300); /** Moderate horizontal space option for buttons in modal footers, and other controls and actions in a row */
  --pulse-space-component-xxs: var(--_pulse-core-legacy-space-50); /** Minimum adjustments, optical tweaks, and subtle boundary offsets */
  --pulse-space-component-xs: var(--_pulse-core-legacy-space-100); /** Ultra-tight inner spacing for highly dense or compact data components */
  --pulse-space-component-sm: var(--_pulse-core-legacy-space-150); /** Tight inner spacing for compact UI elements */
  --pulse-space-component-md: var(--_pulse-core-legacy-space-200); /** Baseline inner spacing and standard gaps between paired internal elements */
  --pulse-space-component-lg: var(--_pulse-core-legacy-space-300); /** Comfortable inner spacing and default padding for standard interactive elements */
  --pulse-space-component-xl: var(--_pulse-core-legacy-space-400); /** Generous inner spacing for prominent interactive elements */
  --pulse-space-component-xxl: var(--_pulse-core-legacy-space-500); /** Spacious inner padding for large, self-contained surface components */
  --pulse-space-component-xxxl: var(--_pulse-core-legacy-space-600); /** Maximum inner padding for overarching feature components */
  --pulse-space-content-xs: var(--_pulse-core-legacy-space-200); /** Immediate relationship; elements that are directly paired or dependent on one another */
  --pulse-space-content-sm: var(--_pulse-core-legacy-space-300); /** Close relationship; tightly grouped content clusters forming a single readable unit */
  --pulse-space-content-md: var(--_pulse-core-legacy-space-400); /** Standard relationship; the baseline vertical rhythm and flow between standard content blocks */
  --pulse-space-content-lg: var(--_pulse-core-legacy-space-600); /** Loose relationship; separating distinct but related groupings within a broader section */
  --pulse-space-content-xl: var(--_pulse-core-legacy-space-800); /** Distant relationship; creating clear separation between major content blocks */
  --pulse-space-layout-xs: var(--_pulse-core-legacy-space-400); /** Tiny layout gaps and container margins */
  --pulse-space-layout-sm: var(--_pulse-core-legacy-space-600); /** Minor structural gaps and compact container margins */
  --pulse-space-layout-md: var(--_pulse-core-legacy-space-800); /** Standard structural gaps and baseline section divisions */
  --pulse-space-layout-lg: var(--_pulse-core-legacy-space-1000); /** Prominent structural gaps and standard page framing margins */
  --pulse-space-layout-xl: var(--_pulse-core-legacy-space-1200); /** Major section divisions and spacious page structures */
  --pulse-space-layout-xxl: var(--_pulse-core-legacy-space-1600); /** Grand structural divisions, isolating highly distinct page areas */
  --pulse-space-layout-xxxl: var(--_pulse-core-legacy-space-2000); /** Maximum structural spacing, overarching page framing, and hero-level breathing room */
  --pulse-space-button-gap-xs: var(--_pulse-core-legacy-space-100); /** Spacing between small tertiary icon-only buttons */
  --pulse-space-button-gap-sm: var(--_pulse-core-legacy-space-200); /** Standard spacing between small buttons, spacing between medium tertiary icon-only buttons */
  --pulse-space-button-gap-md: var(--_pulse-core-legacy-space-300); /** Standard spacing between medium buttons */
  --pulse-space-core-0: var(--_pulse-core-legacy-space-0); /** 0px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-50: var(--_pulse-core-legacy-space-50); /** 2px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-100: var(--_pulse-core-legacy-space-100); /** 4px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-150: var(--_pulse-core-legacy-space-150); /** 6px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-200: var(--_pulse-core-legacy-space-200); /** 8px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-300: var(--_pulse-core-legacy-space-300); /** 12px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-400: var(--_pulse-core-legacy-space-400); /** 16px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-500: var(--_pulse-core-legacy-space-500); /** 20px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-600: var(--_pulse-core-legacy-space-600); /** 24px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-800: var(--_pulse-core-legacy-space-800); /** 32px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1000: var(--_pulse-core-legacy-space-1000); /** 40px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1200: var(--_pulse-core-legacy-space-1200); /** 48px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1400: var(--_pulse-core-legacy-space-1400); /** 56px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1600: var(--_pulse-core-legacy-space-1600); /** 64px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-2000: var(--_pulse-core-legacy-space-2000); /** 80px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-font-family-global: var(--_pulse-core-legacy-font-family-base); /** Default font family for product interface */
  --pulse-font-display-size-lg: var(--_pulse-core-legacy-font-size-xxxl); /** Largest display font size, for primary page headlines */
  --pulse-font-display-size-md: var(--_pulse-core-legacy-font-size-xxl); /** Medium display font size, for major section titles */
  --pulse-font-display-size-sm: var(--_pulse-core-legacy-font-size-xl); /** Smallest display font size, for prominent sub-display headings */
  --pulse-font-display-weight: var(--_pulse-core-legacy-font-weight-bold); /** Font weight for display text */
  --pulse-font-display-line-height-lg: var(--_pulse-core-legacy-font-line-height-xxxl); /** Line height for display lg (40/52) */
  --pulse-font-display-line-height-md: var(--_pulse-core-legacy-font-line-height-xxl); /** Line height for display md (32/40) */
  --pulse-font-display-line-height-sm: var(--_pulse-core-legacy-font-line-height-xl); /** Line height for display sm (24/32) */
  --pulse-font-heading-size-lg: var(--_pulse-core-legacy-font-size-xl); /** Large heading size */
  --pulse-font-heading-size-md: var(--_pulse-core-legacy-font-size-lg); /** Medium heading size */
  --pulse-font-heading-size-sm: var(--_pulse-core-legacy-font-size-md); /** Small heading size */
  --pulse-font-heading-weight: var(--_pulse-core-legacy-font-weight-semibold); /** Standard/default font weight for general headings */
  --pulse-font-heading-line-height-lg: var(--_pulse-core-legacy-font-line-height-xl); /** Line height for heading lg (24/32) */
  --pulse-font-heading-line-height-md: var(--_pulse-core-legacy-font-line-height-lg); /** Line height for heading md (20/28) */
  --pulse-font-heading-line-height-sm: var(--_pulse-core-legacy-font-line-height-md); /** Line height for heading sm (16/24) */
  --pulse-font-body-size-lg: var(--_pulse-core-legacy-font-size-lg); /** Large font size for body text (for example, lead paragraphs) */
  --pulse-font-body-size-md: var(--_pulse-core-legacy-font-size-md); /** Standard font size for body text */
  --pulse-font-body-size-sm: var(--_pulse-core-legacy-font-size-sm); /** Smaller font size for body text (for example, hints and minor details) */
  --pulse-font-body-weight-default: var(--_pulse-core-legacy-font-weight-regular); /** Standard/default font weight for body text */
  --pulse-font-body-weight-strong: var(--_pulse-core-legacy-font-weight-semibold); /** Strong emphasis font weight option for body text */
  --pulse-font-body-line-height-lg: var(--_pulse-core-legacy-font-line-height-lg); /** Line height for body lg (20/28) */
  --pulse-font-body-line-height-md: var(--_pulse-core-legacy-font-line-height-md); /** Line height for body md (16/24) */
  --pulse-font-body-line-height-sm: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for body sm (14/20) */
  --pulse-font-label-size-md: var(--_pulse-core-legacy-font-size-md); /** Standard font size for form labels */
  --pulse-font-label-size-sm: var(--_pulse-core-legacy-font-size-sm); /** Smaller font size for less prominent labels (e.g., tooltips) */
  --pulse-font-label-weight: var(--_pulse-core-legacy-font-weight-semibold); /** Font weight for form labels */
  --pulse-font-label-line-height-md: var(--_pulse-core-legacy-font-line-height-md); /** Line height for label md (16/24) */
  --pulse-font-label-line-height-sm: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for label sm (14/20) */
  --pulse-font-caption-size-md: var(--_pulse-core-legacy-font-size-md); /** Font size for more prominent captions or descriptions */
  --pulse-font-caption-size-sm: var(--_pulse-core-legacy-font-size-sm); /** Font size for captions, legal text, or very small annotations */
  --pulse-font-caption-weight: var(--_pulse-core-legacy-font-weight-regular); /** Font weight for captions */
  --pulse-font-caption-line-height-md: var(--_pulse-core-legacy-font-line-height-md); /** Line height for caption md (16/24) */
  --pulse-font-caption-line-height-sm: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for caption sm (14/20) */
  --pulse-font-avatar-size-xl: var(--_pulse-core-legacy-font-size-lg); /** Standard font size for xl avatar labels */
  --pulse-font-avatar-size-lg: var(--_pulse-core-legacy-font-size-md); /** Standard font size for lg avatar labels */
  --pulse-font-avatar-size-md: var(--_pulse-core-legacy-font-size-sm); /** Standard font size for md avatar labels */
  --pulse-font-avatar-size-sm: var(--_pulse-core-legacy-font-size-sm); /** Standard font size for sm avatar labels */
  --pulse-font-avatar-weight: var(--_pulse-core-legacy-font-weight-regular); /** Font weight for avatar labels */
  --pulse-font-avatar-line-height-xl: var(--_pulse-core-legacy-font-line-height-lg); /** Line height for xl avatar labels (20/28) */
  --pulse-font-avatar-line-height-lg: var(--_pulse-core-legacy-font-line-height-md); /** Line height for lg avatar labels (16/24) */
  --pulse-font-avatar-line-height-md: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for md avatar labels (14/20) */
  --pulse-font-avatar-line-height-sm: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for sm avatar labels (14/20) */
  --pulse-font-button-size-md: var(--_pulse-core-legacy-font-size-md); /** Standard font size for medium button labels */
  --pulse-font-button-size-sm: var(--_pulse-core-legacy-font-size-sm); /** Standard font size for small button labels */
  --pulse-font-button-weight: var(--_pulse-core-legacy-font-weight-semibold); /** Font weight for button labels */
  --pulse-font-button-line-height-md: var(--_pulse-core-legacy-font-line-height-md); /** Line height for medium button labels (16/24) */
  --pulse-font-button-line-height-sm: var(--_pulse-core-legacy-font-line-height-sm); /** Line height for small button labels (14/20) */
  --pulse-radius-none: var(--_pulse-core-legacy-radius-0); /** For elements with perfectly sharp, square corners (no rounding) */
  --pulse-radius-page-frame: var(--_pulse-core-legacy-radius-xl); /** Specific radius applied to the overall page frame outer container */
  --pulse-radius-component-sm: var(--_pulse-core-legacy-radius-sm); /** Tight rounding used for tiny components like checkboxes and small avatars */
  --pulse-radius-component-default: var(--_pulse-core-legacy-radius-sm); /** Default rounding, used for buttons, inputs or general UI elements */
  --pulse-radius-component-lg: var(--_pulse-core-legacy-radius-sm); /** Large rounding used for a menus, dialogues, cards, and sections */
  --pulse-radius-component-full: var(--_pulse-core-legacy-radius-full); /** For components that should be perfectly circular or have a full pill-like rounded shape */
  --pulse-elevation-focus-ring: 0 0 0 2px var(--_pulse-core-legacy-color-greyscale-white), 0 0 0 4px var(--_pulse-core-legacy-color-blue-130); /** Standard focus ring outline for showing visible focus on components and elements */
  --_pulse-core-legacy-elevation-sm: 0 0 1px 0 var(--_pulse-core-legacy-color-alpha-grey-20), 0 2px 3px -1px var(--_pulse-core-legacy-color-alpha-grey-30); /** Low tactile lift with a subtle definition ring */
  --_pulse-core-legacy-elevation-md: 0 0 1px 0 var(--_pulse-core-legacy-color-alpha-grey-30), 0 4px 12px -4px var(--_pulse-core-legacy-color-alpha-grey-20); /** Medium lift for menus and popovers */
  --_pulse-core-legacy-elevation-lg: 0 0 1px 0 var(--_pulse-core-legacy-color-alpha-grey-40), 0 8px 24px -8px var(--_pulse-core-legacy-color-alpha-grey-30); /** High lift with a stronger definition ring for global alerts */
  --_pulse-core-legacy-elevation-overflow-outer: 0 0 12px 0 var(--_pulse-core-legacy-color-alpha-grey-20); /** Diffuse shadow for sticky scroll indications */
  --_pulse-core-legacy-elevation-overflow-inner-start: inset 12px 0 12px -12px var(--_pulse-core-legacy-color-alpha-grey-20);
  --_pulse-core-legacy-elevation-overflow-inner-end: inset -12px 0 12px -12px var(--_pulse-core-legacy-color-alpha-grey-20);
  --_pulse-core-legacy-elevation-overflow-inner-top: inset 0 12px 12px -12px var(--_pulse-core-legacy-color-alpha-grey-20);
  --_pulse-core-legacy-elevation-overflow-inner-bottom: inset 0 -12px 12px -12px var(--_pulse-core-legacy-color-alpha-grey-20);
  --pulse-color-text-secondary: var(--_pulse-core-legacy-color-alpha-grey-80); /** Secondary text colour for less prominent text, secondary information, labels, or descriptions */
  --pulse-color-text-subtle: var(--_pulse-core-legacy-color-alpha-grey-70); /** Subtle/Muted text colour for tertiary information */
  --pulse-color-text-inverted-secondary: var(--_pulse-core-legacy-color-alpha-white-90); /** Secondary text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-text-inverted-subtle: var(--_pulse-core-legacy-color-alpha-white-70); /** Subtle/Muted text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-text-inverted-disabled: var(--_pulse-core-legacy-color-alpha-white-70); /** Inverted disabled text colour */
  --pulse-color-background-surface-tint: var(--_pulse-core-legacy-color-alpha-grey-5); /** Slightly tinted background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-inverted-tint: var(--_pulse-core-legacy-color-alpha-white-20); /** Tinted inverted background colour for surfaces that contrast against page content */
  --pulse-color-background-overlay: var(--_pulse-core-legacy-color-alpha-grey-70); /** Dimmed background color for modal page masks */
  --pulse-color-background-interactive-hover: var(--_pulse-core-legacy-color-alpha-grey-5); /** Hover background for generic interactive elements */
  --pulse-color-background-interactive-pressed: var(--_pulse-core-legacy-color-alpha-grey-10); /** Pressed/Active background for generic interactive elements */
  --pulse-color-background-interactive-tint-resting: var(--_pulse-core-legacy-color-alpha-grey-10); /** Resting background for interactive elements with a subtle tint like chips */
  --pulse-color-background-interactive-tint-hover: var(--_pulse-core-legacy-color-alpha-grey-20); /** Hover background for interactive elements with a subtle tint */
  --pulse-color-background-interactive-tint-pressed: var(--_pulse-core-legacy-color-alpha-grey-30); /** Pressed/Active background for interactive elements with a subtle tint */
  --pulse-color-background-interactive-tint-disabled: var(--_pulse-core-legacy-color-alpha-grey-20); /** Disabled background for interactive elements like checkboxes and inputs */
  --pulse-color-background-interactive-inverted-hover: var(--_pulse-core-legacy-color-alpha-white-5); /** Hover background for inverted interactive element like checkbox or input */
  --pulse-color-background-interactive-inverted-pressed: var(--_pulse-core-legacy-color-alpha-white-10); /** Pressed/active background for inverted interactive element like checkbox or input */
  --pulse-color-background-selected-inverted-resting: var(--_pulse-core-legacy-color-alpha-white-90); /** Resting background colour for inverted selected control indicator */
  --pulse-color-background-selected-inverted-hover: var(--_pulse-core-legacy-color-alpha-white-80); /** Hover background colour for inverted selected control indicator */
  --pulse-color-background-selected-inverted-pressed: var(--_pulse-core-legacy-color-alpha-white-70); /** Pressed/active background colour for inverted selected control indicator */
  --pulse-color-border-inverted-default: var(--_pulse-core-legacy-color-alpha-white-30); /** Standard border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-border-inverted-subtle: var(--_pulse-core-legacy-color-alpha-white-20); /** Muted border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-border-inverted-strong: var(--_pulse-core-legacy-color-alpha-white-50); /** Strong border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-secondary: var(--_pulse-core-legacy-color-alpha-grey-80); /** Secondary icon colour */
  --pulse-color-icon-subtle: var(--_pulse-core-legacy-color-alpha-grey-50); /** Subtle icon colour */
  --pulse-color-icon-inverted-secondary: var(--_pulse-core-legacy-color-alpha-white-80); /** Secondary icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-inverted-subtle: var(--_pulse-core-legacy-color-alpha-white-50); /** Subtle icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-link-text-inverted-hover: var(--_pulse-core-legacy-color-alpha-white-90); /** Inverted text hover colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-text-inverted-visited: var(--_pulse-core-legacy-color-alpha-white-80); /** Inverted text visited colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-inverted-hover: var(--_pulse-core-legacy-color-alpha-white-90); /** Inverted icon hover colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-inverted-visited: var(--_pulse-core-legacy-color-alpha-white-80); /** Inverted icon visited colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-button-text-inverted-primary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled text colour for inverted primary button */
  --pulse-color-button-text-inverted-secondary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled text colour for inverted secondary button */
  --pulse-color-button-text-inverted-tertiary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled text colour for inverted tertiary/ghost button */
  --pulse-color-button-background-secondary-hover: var(--_pulse-core-legacy-color-alpha-grey-5); /** Hover background colour for secondary button */
  --pulse-color-button-background-secondary-pressed: var(--_pulse-core-legacy-color-alpha-grey-10); /** Pressed/Active background colour for secondary button */
  --pulse-color-button-background-tertiary-hover: var(--_pulse-core-legacy-color-alpha-grey-5); /** Hover background colour for tertiary/ghost button */
  --pulse-color-button-background-tertiary-pressed: var(--_pulse-core-legacy-color-alpha-grey-10); /** Pressed/Active background colour for tertiary/ghost button */
  --pulse-color-button-background-inverted-primary-hover: var(--_pulse-core-legacy-color-alpha-white-90); /** Hover background colour for inverted primary button */
  --pulse-color-button-background-inverted-primary-pressed: var(--_pulse-core-legacy-color-alpha-white-80); /** Pressed/Active background colour for inverted primary button */
  --pulse-color-button-background-inverted-primary-disabled: var(--_pulse-core-legacy-color-alpha-white-20); /** Disabled background colour for inverted primary button */
  --pulse-color-button-background-inverted-secondary-resting: var(--_pulse-core-legacy-color-alpha-white-5); /** Resting background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-hover: var(--_pulse-core-legacy-color-alpha-white-10); /** Hover background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-pressed: var(--_pulse-core-legacy-color-alpha-white-20); /** Pressed/Active background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-disabled: var(--_pulse-core-legacy-color-alpha-white-5); /** Disabled background colour for inverted secondary button */
  --pulse-color-button-background-inverted-tertiary-hover: var(--_pulse-core-legacy-color-alpha-white-5); /** Hover background colour for inverted tertiary/ghost button */
  --pulse-color-button-background-inverted-tertiary-pressed: var(--_pulse-core-legacy-color-alpha-white-10); /** Pressed/Active background colour for inverted tertiary/ghost button */
  --pulse-color-button-border-inverted-secondary-resting: var(--_pulse-core-legacy-color-alpha-white-20); /** Resting border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-hover: var(--_pulse-core-legacy-color-alpha-white-20); /** Hover border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-pressed: var(--_pulse-core-legacy-color-alpha-white-20); /** Pressed/Active border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-disabled: var(--_pulse-core-legacy-color-alpha-white-20); /** Disabled border colour for inverted secondary button */
  --pulse-color-button-icon-inverted-primary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-secondary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-tertiary-disabled: var(--_pulse-core-legacy-color-alpha-white-40); /** Disabled icon colour for inverted tertiary/ghost button */
  --pulse-color-progress-background-track-dark: var(--_pulse-core-legacy-color-alpha-grey-10); /** Dark background colour for the track of a progress component */
  --pulse-color-progress-background-track-light: var(--_pulse-core-legacy-color-alpha-white-20); /** Light background colour for the track of a progress component */
  --pulse-color-badge-background-neutral: var(--_pulse-core-legacy-color-alpha-grey-10); /** Background colour for neutral badge component variant */
  --pulse-color-badge-border-default: var(--_pulse-core-legacy-color-alpha-white-60); /** Outer border colour for badge components to ensure legibility and accessibility */
  --pulse-color-indicator-border-default: var(--_pulse-core-legacy-color-alpha-white-60); /** Outer border colour for indicator components to ensure legibility and accessibility */
  --pulse-color-navigation-item-background-hover: var(--_pulse-core-legacy-color-alpha-grey-5); /** Hover background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-pressed: var(--_pulse-core-legacy-color-alpha-grey-10); /** Pressed/Active background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-selected-resting: var(--_pulse-core-legacy-color-alpha-grey-10); /** Resting background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-hover: var(--_pulse-core-legacy-color-alpha-grey-10); /** Hover background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-pressed: var(--_pulse-core-legacy-color-alpha-grey-10); /** Pressed/Active background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-disabled: var(--_pulse-core-legacy-color-alpha-grey-10); /** Disabled background colour for a selected navigation item */
  --pulse-color-skeleton-background-base: var(--_pulse-core-legacy-color-alpha-grey-5); /** Base colour for a skeleton state */
  --pulse-color-skeleton-background-highlight: var(--_pulse-core-legacy-color-alpha-grey-10); /** Highlight colour for a skeleton state */
  --pulse-color-skeleton-background-inverted-base: var(--_pulse-core-legacy-color-alpha-white-10); /** Base colour for an inverted skeleton state */
  --pulse-color-skeleton-background-inverted-highlight: var(--_pulse-core-legacy-color-alpha-white-20); /** Highlight colour for an inverted skeleton state */
  --pulse-elevation-interactive-pressed: var(--_pulse-core-legacy-elevation-0); /** Pressed elevation of a generic interactive surface */
  --pulse-elevation-sticky-resting: var(--_pulse-core-legacy-elevation-0); /** Resetting fixed or sticky elements to show no elevation */
  --pulse-elevation-none: var(--_pulse-core-legacy-elevation-0); /** Explicit to set no elevation */
  --pulse-typography-display-lg: var(--pulse-font-display-weight) var(--pulse-font-display-size-lg)/var(--pulse-font-display-line-height-lg) var(--pulse-font-family-global); /** Largest display size, for primary page headlines */
  --pulse-typography-display-md: var(--pulse-font-display-weight) var(--pulse-font-display-size-md)/var(--pulse-font-display-line-height-md) var(--pulse-font-family-global); /** Medium display size, for major section titles */
  --pulse-typography-display-sm: var(--pulse-font-display-weight) var(--pulse-font-display-size-sm)/var(--pulse-font-display-line-height-sm) var(--pulse-font-family-global); /** Smallest display size, for prominent sub-display headings */
  --pulse-typography-heading-md: var(--pulse-font-heading-weight) var(--pulse-font-heading-size-md)/var(--pulse-font-heading-line-height-md) var(--pulse-font-family-global); /** Medium heading */
  --pulse-typography-heading-sm: var(--pulse-font-heading-weight) var(--pulse-font-heading-size-sm)/var(--pulse-font-heading-line-height-sm) var(--pulse-font-family-global); /** Small heading */
  --pulse-typography-body-lg: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-lg)/var(--pulse-font-body-line-height-lg) var(--pulse-font-family-global); /** Larger body text (lead paragraphs, etc.) */
  --pulse-typography-body-md: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-md)/var(--pulse-font-body-line-height-md) var(--pulse-font-family-global); /** Standard body text */
  --pulse-typography-body-sm: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-sm)/var(--pulse-font-body-line-height-sm) var(--pulse-font-family-global); /** Small body text (hints and minor details) */
  --pulse-typography-body-strong-lg: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-lg)/var(--pulse-font-body-line-height-lg) var(--pulse-font-family-global); /** Large body text with strong emphasis */
  --pulse-typography-body-strong-md: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-md)/var(--pulse-font-body-line-height-md) var(--pulse-font-family-global); /** Standard body text with strong emphasis */
  --pulse-typography-body-strong-sm: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-sm)/var(--pulse-font-body-line-height-sm) var(--pulse-font-family-global); /** Small body text with strong emphasis */
  --pulse-typography-label-md: var(--pulse-font-label-weight) var(--pulse-font-label-size-md)/var(--pulse-font-label-line-height-md) var(--pulse-font-family-global); /** Standard form labels */
  --pulse-typography-label-sm: var(--pulse-font-label-weight) var(--pulse-font-label-size-sm)/var(--pulse-font-label-line-height-sm) var(--pulse-font-family-global); /** Smaller labels for less prominent labels (e.g., tooltips) */
  --pulse-typography-caption-md: var(--pulse-font-caption-weight) var(--pulse-font-caption-size-md)/var(--pulse-font-caption-line-height-md) var(--pulse-font-family-global); /** For more prominent captions or descriptions */
  --pulse-typography-caption-sm: var(--pulse-font-caption-weight) var(--pulse-font-caption-size-sm)/var(--pulse-font-caption-line-height-sm) var(--pulse-font-family-global); /** For captions, legal text, or very small annotations */
  --pulse-elevation-interactive-resting: var(--_pulse-core-legacy-elevation-sm); /** Resting elevation of a generic interactive surface */
  --pulse-elevation-interactive-hover: var(--_pulse-core-legacy-elevation-sm); /** Hover elevation of a generic interactive surface */
  --pulse-elevation-draggable-resting: var(--_pulse-core-legacy-elevation-sm); /** Resting elevation of a draggable surface */
  --pulse-elevation-draggable-dragged: var(--_pulse-core-legacy-elevation-md); /** Dragged elevation of a draggable surface */
  --pulse-elevation-overlay-medium: var(--_pulse-core-legacy-elevation-md); /** For standard elevation of components overlaying the UI, such as menus, tooltips, modals */
  --pulse-elevation-overlay-high: var(--_pulse-core-legacy-elevation-lg); /** For high-level elevation to display content over everything else, such as toasts and global alerts */
  --pulse-elevation-sticky-scrolled: var(--_pulse-core-legacy-elevation-overflow-outer); /** To show the element has lifted above the content scrolling underneath */
  --pulse-elevation-overflow-start: var(--_pulse-core-legacy-elevation-overflow-inner-start); /** Inner overflow shadow on the leading edge of a section */
  --pulse-elevation-overflow-end: var(--_pulse-core-legacy-elevation-overflow-inner-end); /** Inner overflow shadow on the trailing edge of a section */
  --pulse-elevation-overflow-top: var(--_pulse-core-legacy-elevation-overflow-inner-top); /** Inner overflow shadow on the top edge of a section */
  --pulse-elevation-overflow-bottom: var(--_pulse-core-legacy-elevation-overflow-inner-bottom); /** Inner overflow shadow on the bottom edge of a section */
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-theme="future"] {
  --_pulse-core-color-transparent: rgba(0, 0, 0, 0);
  --_pulse-core-color-grey-0: #ffffff;
  --_pulse-core-color-grey-25: #f9fafc;
  --_pulse-core-color-grey-50: #f6f7fa;
  --_pulse-core-color-grey-100: #eeeff3;
  --_pulse-core-color-grey-200: #dfe2e9;
  --_pulse-core-color-grey-300: #d1d5de;
  --_pulse-core-color-grey-400: #b0b6c3;
  --_pulse-core-color-grey-500: #8d95a9;
  --_pulse-core-color-grey-600: #6a778d;
  --_pulse-core-color-grey-700: #4e5a6e;
  --_pulse-core-color-grey-800: #303949;
  --_pulse-core-color-grey-900: #1d2330;
  --_pulse-core-color-grey-950: #090c16;
  --_pulse-core-color-brand-25: #f6fefc;
  --_pulse-core-color-brand-50: #e9faf7;
  --_pulse-core-color-brand-100: #d5f6f2;
  --_pulse-core-color-brand-200: #b8efe7;
  --_pulse-core-color-brand-300: #82e3d5;
  --_pulse-core-color-brand-400: #67d7c0;
  --_pulse-core-color-brand-500: #15b7a4;
  --_pulse-core-color-brand-600: #0b8888;
  --_pulse-core-color-brand-700: #037c7c;
  --_pulse-core-color-brand-800: #19585f;
  --_pulse-core-color-brand-900: #1a3a3c;
  --_pulse-core-color-brand-950: #0a2926;
  --_pulse-core-color-orange-25: #fefaf5;
  --_pulse-core-color-orange-50: #fef6ee;
  --_pulse-core-color-orange-100: #fdeddd;
  --_pulse-core-color-orange-200: #f9dbaf;
  --_pulse-core-color-orange-300: #f7b27a;
  --_pulse-core-color-orange-400: #f38744;
  --_pulse-core-color-orange-500: #ef6820;
  --_pulse-core-color-orange-600: #e04f16;
  --_pulse-core-color-orange-700: #b93815;
  --_pulse-core-color-orange-800: #932f19;
  --_pulse-core-color-orange-900: #772917;
  --_pulse-core-color-orange-950: #511c10;
  --_pulse-core-color-pink-25: #fef6fb;
  --_pulse-core-color-pink-50: #fdf2fa;
  --_pulse-core-color-pink-100: #fce7f6;
  --_pulse-core-color-pink-200: #fcceee;
  --_pulse-core-color-pink-300: #faa7e0;
  --_pulse-core-color-pink-400: #f670c7;
  --_pulse-core-color-pink-500: #ed47b0;
  --_pulse-core-color-pink-600: #dd2590;
  --_pulse-core-color-pink-700: #c11574;
  --_pulse-core-color-pink-800: #9e165f;
  --_pulse-core-color-pink-900: #851651;
  --_pulse-core-color-pink-950: #4e0d30;
  --_pulse-core-color-green-25: #f6fef9;
  --_pulse-core-color-green-50: #edfcf2;
  --_pulse-core-color-green-100: #d3f8df;
  --_pulse-core-color-green-200: #aaf0c4;
  --_pulse-core-color-green-300: #73e2a3;
  --_pulse-core-color-green-400: #3ccb7f;
  --_pulse-core-color-green-500: #16b364;
  --_pulse-core-color-green-600: #099250;
  --_pulse-core-color-green-700: #087443;
  --_pulse-core-color-green-800: #095c37;
  --_pulse-core-color-green-900: #084c2e;
  --_pulse-core-color-green-950: #052e1c;
  --_pulse-core-color-yellow-25: #fefdf0;
  --_pulse-core-color-yellow-50: #fefbe8;
  --_pulse-core-color-yellow-100: #fef7c3;
  --_pulse-core-color-yellow-200: #feee95;
  --_pulse-core-color-yellow-300: #fde272;
  --_pulse-core-color-yellow-400: #fac515;
  --_pulse-core-color-yellow-500: #eaaa08;
  --_pulse-core-color-yellow-600: #ca8504;
  --_pulse-core-color-yellow-700: #a15c07;
  --_pulse-core-color-yellow-800: #854a0e;
  --_pulse-core-color-yellow-900: #713b12;
  --_pulse-core-color-yellow-950: #542c0d;
  --_pulse-core-color-red-25: #fef6f6;
  --_pulse-core-color-red-50: #fef2f2;
  --_pulse-core-color-red-100: #fee2e2;
  --_pulse-core-color-red-200: #fecaca;
  --_pulse-core-color-red-300: #fca5a5;
  --_pulse-core-color-red-400: #f87171;
  --_pulse-core-color-red-500: #ef4444;
  --_pulse-core-color-red-600: #dc2626;
  --_pulse-core-color-red-700: #b91c1c;
  --_pulse-core-color-red-800: #991b1b;
  --_pulse-core-color-red-900: #7f1d1d;
  --_pulse-core-color-red-950: #450a0a;
  --_pulse-core-color-blue-25: #f5fbff;
  --_pulse-core-color-blue-50: #f0f9ff;
  --_pulse-core-color-blue-100: #e0f1fe;
  --_pulse-core-color-blue-200: #b9e1fe;
  --_pulse-core-color-blue-300: #7cc7fd;
  --_pulse-core-color-blue-400: #36a8fa;
  --_pulse-core-color-blue-500: #0b8eec;
  --_pulse-core-color-blue-600: #0075c9;
  --_pulse-core-color-blue-700: #025fa2;
  --_pulse-core-color-blue-800: #065186;
  --_pulse-core-color-blue-900: #0b456f;
  --_pulse-core-color-blue-950: #062841;
  --_pulse-core-color-purple-25: #fafaff;
  --_pulse-core-color-purple-50: #f4f3ff;
  --_pulse-core-color-purple-100: #ebe9fe;
  --_pulse-core-color-purple-200: #d9d6fe;
  --_pulse-core-color-purple-300: #bdb4fe;
  --_pulse-core-color-purple-400: #9b8afb;
  --_pulse-core-color-purple-500: #7a5af8;
  --_pulse-core-color-purple-600: #6938ef;
  --_pulse-core-color-purple-700: #5925dc;
  --_pulse-core-color-purple-800: #4a1fb8;
  --_pulse-core-color-purple-900: #39188b;
  --_pulse-core-color-purple-950: #27115f;
  --_pulse-core-color-alpha-white-5: rgba(255, 255, 255, 0.05);
  --_pulse-core-color-alpha-white-10: rgba(255, 255, 255, 0.1);
  --_pulse-core-color-alpha-white-20: rgba(255, 255, 255, 0.2);
  --_pulse-core-color-alpha-white-30: rgba(255, 255, 255, 0.3);
  --_pulse-core-color-alpha-white-40: rgba(255, 255, 255, 0.4);
  --_pulse-core-color-alpha-white-50: rgba(255, 255, 255, 0.5);
  --_pulse-core-color-alpha-white-60: rgba(255, 255, 255, 0.6);
  --_pulse-core-color-alpha-white-70: rgba(255, 255, 255, 0.7);
  --_pulse-core-color-alpha-white-80: rgba(255, 255, 255, 0.8);
  --_pulse-core-color-alpha-white-90: rgba(255, 255, 255, 0.9);
  --_pulse-core-color-alpha-grey-5: rgba(29, 35, 48, 0.05);
  --_pulse-core-color-alpha-grey-10: rgba(29, 35, 48, 0.1);
  --_pulse-core-color-alpha-grey-20: rgba(29, 35, 48, 0.2);
  --_pulse-core-color-alpha-grey-30: rgba(29, 35, 48, 0.3);
  --_pulse-core-color-alpha-grey-40: rgba(29, 35, 48, 0.4);
  --_pulse-core-color-alpha-grey-50: rgba(29, 35, 48, 0.5);
  --_pulse-core-color-alpha-grey-60: rgba(29, 35, 48, 0.6);
  --_pulse-core-color-alpha-grey-70: rgba(29, 35, 48, 0.7);
  --_pulse-core-color-alpha-grey-80: rgba(29, 35, 48, 0.8);
  --_pulse-core-color-alpha-grey-90: rgba(29, 35, 48, 0.9);
  --_pulse-core-space-0: 0; /** 0px */
  --_pulse-core-space-50: 0.125rem; /** 2px */
  --_pulse-core-space-100: 0.25rem; /** 4px */
  --_pulse-core-space-150: 0.375rem; /** 6px */
  --_pulse-core-space-200: 0.5rem; /** 8px */
  --_pulse-core-space-300: 0.75rem; /** 12px */
  --_pulse-core-space-400: 1rem; /** 16px */
  --_pulse-core-space-500: 1.25rem; /** 20px */
  --_pulse-core-space-600: 1.5rem; /** 24px */
  --_pulse-core-space-800: 2rem; /** 32px */
  --_pulse-core-space-1000: 2.5rem; /** 40px */
  --_pulse-core-space-1200: 3rem; /** 48px */
  --_pulse-core-space-1400: 3.5rem; /** 56px */
  --_pulse-core-space-1600: 4rem; /** 64px */
  --_pulse-core-space-2000: 5rem; /** 80px */
  --_pulse-core-size-0: 0; /** Zero dimension or proportion */
  --_pulse-core-size-25: 25%; /** 1/4 of the available space */
  --_pulse-core-size-33: 33.33%; /** 1/3 of the available space */
  --_pulse-core-size-50: 50%; /** 1/2 of the available space */
  --_pulse-core-size-66: 66.66%; /** 2/3 of the available space */
  --_pulse-core-size-75: 75%; /** 3/4 of the available space */
  --_pulse-core-size-full: 100%; /** Full available space (100% of parent size) */
  --_pulse-core-size-screen-width: 100vw; /** 100% of the viewport width */
  --_pulse-core-size-screen-height: 100vh; /** 100% of the viewport height */
  --_pulse-core-size-auto: auto; /** Default or intrinsic sizing behavior */
  --_pulse-core-size-min-content: min-content; /** Smallest intrinsic size a content box can take without overflowing its content */
  --_pulse-core-size-max-content: max-content; /** Largest intrinsic size a content box can take, fitting all its content on a single line (if applicable) */
  --_pulse-core-size-fit-content: fit-content; /** Size that clamps to max-content if the available space is larger, but to min-content if the available space is smaller */
  --_pulse-core-radius-0: 0;
  --_pulse-core-radius-sm: 4px;
  --_pulse-core-radius-md: 6px;
  --_pulse-core-radius-lg: 8px;
  --_pulse-core-radius-xl: 12px;
  --_pulse-core-radius-full: 9999px; /** 9999px */
  --_pulse-core-border-width-0: 0; /** 0px */
  --_pulse-core-border-width-sm: 1px; /** 1px */
  --_pulse-core-elevation-0: 0 0 0 0 #00000000; /** No elevation */
  --_pulse-core-font-size-sm: 0.875rem;
  --_pulse-core-font-size-md: 1rem;
  --_pulse-core-font-size-lg: 1.25rem;
  --_pulse-core-font-size-xl: 1.5rem;
  --_pulse-core-font-size-xxl: 2rem;
  --_pulse-core-font-size-xxxl: 2.5rem;
  --_pulse-core-font-line-height-sm: 1.25rem; /** Line height for sm font size (14px/20px) */
  --_pulse-core-font-line-height-md: 1.5rem; /** Line height for md font size (16px/24px) */
  --_pulse-core-font-line-height-lg: 1.75rem; /** Line height for lg font size (20px/28px) */
  --_pulse-core-font-line-height-xl: 2rem; /** Line height for xl font size (24px/32px) */
  --_pulse-core-font-line-height-xxl: 2.5rem; /** Line height for xxl font size (32px/40px) */
  --_pulse-core-font-line-height-xxxl: 3.25rem; /** Line height for xxxl font size (40px/52px) */
  --_pulse-core-font-weight-regular: 400;
  --_pulse-core-font-weight-semibold: 600;
  --_pulse-core-font-weight-bold: 700;
  --_pulse-core-font-family-base: 'Inter Variable', sans-serif;
  --pulse-color-text-primary: var(--_pulse-core-color-grey-900); /** Primary text colour for most body text, headings, and crucial information */
  --pulse-color-text-secondary: var(--_pulse-core-color-grey-700); /** Secondary text colour for less prominent text, secondary information, labels, or descriptions */
  --pulse-color-text-subtle: var(--_pulse-core-color-grey-600); /** Subtle/Muted text colour for tertiary information */
  --pulse-color-text-negative: var(--_pulse-core-color-red-700); /** Generic negative text colour (for example, form validation errors) */
  --pulse-color-text-positive: var(--_pulse-core-color-green-700); /** Generic positive text colour */
  --pulse-color-text-disabled: var(--_pulse-core-color-grey-500); /** Default disabled text colour */
  --pulse-color-text-inverted-primary: var(--_pulse-core-color-grey-0); /** Primary text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-text-inverted-secondary: var(--_pulse-core-color-alpha-white-90); /** Secondary text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-text-inverted-subtle: var(--_pulse-core-color-alpha-white-70); /** Subtle/Muted text colour for use on dark backgrounds to ensure contrast */
  --pulse-color-text-inverted-disabled: var(--_pulse-core-color-alpha-white-70); /** Inverted disabled text colour */
  --pulse-color-background-page: var(--_pulse-core-color-grey-50); /** Primary background color of the main page content */
  --pulse-color-background-overlay: var(--_pulse-core-color-alpha-grey-70); /** Dimmed background color for modal page masks */
  --pulse-color-background-surface-default: var(--_pulse-core-color-grey-0); /** Background for cards, panels, modals, or distinct content blocks that sit on top of the page background */
  --pulse-color-background-surface-tint: var(--_pulse-core-color-alpha-grey-5); /** Slightly tinted background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-grey: var(--_pulse-core-color-grey-100); /** light grey background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-green: var(--_pulse-core-color-green-100); /** light green background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-yellow: var(--_pulse-core-color-yellow-100); /** light yellow background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-orange: var(--_pulse-core-color-orange-100); /** light orange background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-red: var(--_pulse-core-color-red-100); /** light red background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-pink: var(--_pulse-core-color-pink-100); /** light pink background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-purple: var(--_pulse-core-color-purple-100); /** light purple background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-blue: var(--_pulse-core-color-blue-100); /** light blue background for layered elements or subtle distinction on top of a surface */
  --pulse-color-background-surface-transparent: var(--_pulse-core-color-transparent); /** Explicit transparent background surface color */
  --pulse-color-background-surface-inverted-default: var(--_pulse-core-color-grey-950); /** Inverted background colour for surfaces that contrast against page content (e.g. tooltips) */
  --pulse-color-background-surface-inverted-tint: var(--_pulse-core-color-alpha-white-20); /** Tinted inverted background colour for surfaces that contrast against page content */
  --pulse-color-background-interactive-resting: var(--_pulse-core-color-grey-0); /** Resting background for generic interactive elements */
  --pulse-color-background-interactive-hover: var(--_pulse-core-color-alpha-grey-5); /** Hover background for generic interactive elements */
  --pulse-color-background-interactive-pressed: var(--_pulse-core-color-alpha-grey-10); /** Pressed/Active background for generic interactive elements */
  --pulse-color-background-interactive-disabled: var(--_pulse-core-color-grey-100); /** Disabled background for generic interactive elements like */
  --pulse-color-background-interactive-tint-resting: var(--_pulse-core-color-alpha-grey-10); /** Resting background for interactive elements with a subtle tint like chips */
  --pulse-color-background-interactive-tint-hover: var(--_pulse-core-color-alpha-grey-20); /** Hover background for interactive elements with a subtle tint */
  --pulse-color-background-interactive-tint-pressed: var(--_pulse-core-color-alpha-grey-30); /** Pressed/Active background for interactive elements with a subtle tint */
  --pulse-color-background-interactive-tint-disabled: var(--_pulse-core-color-alpha-grey-20); /** Disabled background for interactive elements like checkboxes and inputs */
  --pulse-color-background-interactive-inverted-resting: var(--_pulse-core-color-transparent); /** Resting background for inverted interactive element like checkbox or input */
  --pulse-color-background-interactive-inverted-hover: var(--_pulse-core-color-alpha-white-5); /** Hover background for inverted interactive element like checkbox or input */
  --pulse-color-background-interactive-inverted-pressed: var(--_pulse-core-color-alpha-white-10); /** Pressed/active background for inverted interactive element like checkbox or input */
  --pulse-color-background-interactive-inverted-disabled: var(--_pulse-core-color-transparent); /** Disabled background for inverted interactive element like checkbox or input */
  --pulse-color-background-brand-primary: var(--_pulse-core-color-brand-700); /** Background utilising the primary brand color */
  --pulse-color-background-brand-secondary: var(--_pulse-core-color-brand-400); /** Background utilising a secondary brand color */
  --pulse-color-background-selected-resting: var(--_pulse-core-color-grey-800); /** Resting background colour for selected control indicator */
  --pulse-color-background-selected-hover: var(--_pulse-core-color-grey-900); /** Hover background colour for selected control indicator */
  --pulse-color-background-selected-pressed: var(--_pulse-core-color-grey-950); /** Pressed background colour for selected control indicator */
  --pulse-color-background-selected-disabled: var(--_pulse-core-color-grey-400); /** Disabled background colour for selected control indicator */
  --pulse-color-background-selected-inverted-resting: var(--_pulse-core-color-alpha-white-90); /** Resting background colour for inverted selected control indicator */
  --pulse-color-background-selected-inverted-hover: var(--_pulse-core-color-alpha-white-80); /** Hover background colour for inverted selected control indicator */
  --pulse-color-background-selected-inverted-pressed: var(--_pulse-core-color-alpha-white-70); /** Pressed/active background colour for inverted selected control indicator */
  --pulse-color-background-selected-inverted-disabled: var(--_pulse-core-color-grey-500); /** Disabled background colour for inverted selected control indicator */
  --pulse-color-background-status-info: var(--_pulse-core-color-grey-0); /** Background colour for informational status messages */
  --pulse-color-background-status-neutral: var(--_pulse-core-color-grey-100); /** Background colour for neutral status messages */
  --pulse-color-background-status-success: var(--_pulse-core-color-green-200); /** Background colour for success status messages */
  --pulse-color-background-status-warning: var(--_pulse-core-color-yellow-200); /** Background colour for warning status messages */
  --pulse-color-background-status-error: var(--_pulse-core-color-red-200); /** Background colour for error status messages */
  --pulse-color-background-status-action: var(--_pulse-core-color-blue-200); /** Background colour for action-related status messages */
  --pulse-color-background-status-tour: var(--_pulse-core-color-purple-200); /** Background colour for tour-related status messages */
  --pulse-color-border-default: var(--_pulse-core-color-grey-300); /** Standard border colour for general elements */
  --pulse-color-border-subtle: var(--_pulse-core-color-grey-200); /** Muted border colour for soft separation */
  --pulse-color-border-strong: var(--_pulse-core-color-grey-500); /** Strong border colour for strong separation */
  --pulse-color-border-status-positive: var(--_pulse-core-color-green-600); /** Positive border colour for elements with generic negative user sentiment states */
  --pulse-color-border-status-negative: var(--_pulse-core-color-red-600); /** Negative border colour for elements with invalid, error, or generic negative user sentiment states */
  --pulse-color-border-inverted-default: var(--_pulse-core-color-alpha-white-30); /** Standard border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-border-inverted-subtle: var(--_pulse-core-color-alpha-white-20); /** Muted border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-border-inverted-strong: var(--_pulse-core-color-alpha-white-50); /** Strong border colour for use on dark backgrounds to ensure contrast */
  --pulse-color-border-interactive-resting: var(--_pulse-core-color-grey-500); /** Resting border colour for interactive elements */
  --pulse-color-border-interactive-hover: var(--_pulse-core-color-grey-600); /** Hover border colour for interactive elements */
  --pulse-color-border-interactive-pressed: var(--_pulse-core-color-grey-700); /** Pressed/Active border colour for interactive elements */
  --pulse-color-border-interactive-disabled: var(--_pulse-core-color-grey-400); /** Disabled border colour for interactive elements */
  --pulse-color-border-selected-resting: var(--_pulse-core-color-grey-800); /** Resting border colour for selected control */
  --pulse-color-border-selected-hover: var(--_pulse-core-color-grey-900); /** Hover border colour for selected control */
  --pulse-color-border-selected-pressed: var(--_pulse-core-color-grey-950); /** Pressed border colour for selected control */
  --pulse-color-border-selected-disabled: var(--_pulse-core-color-grey-400); /** Disabled border colour for selected control */
  --pulse-color-icon-primary: var(--_pulse-core-color-grey-900); /** Primary icon colour */
  --pulse-color-icon-secondary: var(--_pulse-core-color-grey-700); /** Secondary icon colour */
  --pulse-color-icon-subtle: var(--_pulse-core-color-grey-500); /** Subtle icon colour */
  --pulse-color-icon-inverted-primary: var(--_pulse-core-color-grey-0); /** Primary icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-inverted-secondary: var(--_pulse-core-color-alpha-white-80); /** Secondary icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-inverted-subtle: var(--_pulse-core-color-alpha-white-50); /** Subtle icon colour for use on dark backgrounds to ensure contrast */
  --pulse-color-icon-interactive-resting: var(--_pulse-core-color-grey-800); /** Resting icon colour for interactive elements */
  --pulse-color-icon-interactive-hover: var(--_pulse-core-color-grey-900); /** Hover icon colour for interactive elements */
  --pulse-color-icon-interactive-pressed: var(--_pulse-core-color-grey-950); /** Pressed/Active icon colour for interactive elements */
  --pulse-color-icon-interactive-disabled: var(--_pulse-core-color-grey-500); /** Disabled icon colour for interactive elements */
  --pulse-color-icon-status-info: var(--_pulse-core-color-grey-700); /** Icon colour for informational status messages */
  --pulse-color-icon-status-neutral: var(--_pulse-core-color-grey-700); /** Icon colour for neutral status messages */
  --pulse-color-icon-status-success: var(--_pulse-core-color-green-600); /** Icon colour for success status messages */
  --pulse-color-icon-status-warning: var(--_pulse-core-color-yellow-700); /** Icon colour for warning status messages */
  --pulse-color-icon-status-error: var(--_pulse-core-color-red-600); /** Icon colour for error status messages */
  --pulse-color-icon-status-action: var(--_pulse-core-color-blue-600); /** Icon colour for action-related status messages */
  --pulse-color-icon-status-tour: var(--_pulse-core-color-purple-600); /** Icon colour for tour-related status messages */
  --pulse-color-link-text-resting: var(--_pulse-core-color-blue-700); /** Standard text colour for hyperlinks */
  --pulse-color-link-text-hover: var(--_pulse-core-color-blue-800); /** Standard hover text colour for hyperlinks */
  --pulse-color-link-text-visited: var(--_pulse-core-color-blue-900); /** Standard visited text colour for hyperlinks */
  --pulse-color-link-text-dark-resting: var(--_pulse-core-color-grey-900); /** Dark text colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-dark-hover: var(--_pulse-core-color-grey-950); /** Dark text hover colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-dark-visited: var(--_pulse-core-color-grey-800); /** Dark text visited colour for hyperlinks to ensure contrast */
  --pulse-color-link-text-inverted-resting: var(--_pulse-core-color-grey-0); /** Inverted text colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-text-inverted-hover: var(--_pulse-core-color-alpha-white-90); /** Inverted text hover colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-text-inverted-visited: var(--_pulse-core-color-alpha-white-80); /** Inverted text visited colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-resting: var(--_pulse-core-color-blue-700); /** Standard icon colour for hyperlinks */
  --pulse-color-link-icon-hover: var(--_pulse-core-color-blue-800); /** Standard hover icon colour for hyperlinks */
  --pulse-color-link-icon-visited: var(--_pulse-core-color-blue-900); /** Standard visited icon colour for hyperlinks */
  --pulse-color-link-icon-dark-resting: var(--_pulse-core-color-grey-900); /** Dark icon colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-dark-hover: var(--_pulse-core-color-grey-950); /** Dark icon hover colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-dark-visited: var(--_pulse-core-color-grey-800); /** Dark icon visited colour for hyperlinks to ensure contrast */
  --pulse-color-link-icon-inverted-resting: var(--_pulse-core-color-grey-0); /** Inverted icon colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-inverted-hover: var(--_pulse-core-color-alpha-white-90); /** Inverted icon hover colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-link-icon-inverted-visited: var(--_pulse-core-color-alpha-white-80); /** Inverted icon visited colour for hyperlinks on dark backgrounds to ensure contrast */
  --pulse-color-button-text-primary-resting: var(--_pulse-core-color-grey-0); /** Resting text colour for primary button */
  --pulse-color-button-text-primary-hover: var(--_pulse-core-color-grey-0); /** Hover text colour for primary button */
  --pulse-color-button-text-primary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active text colour for primary button */
  --pulse-color-button-text-primary-disabled: var(--_pulse-core-color-grey-0); /** Disabled text colour for primary button */
  --pulse-color-button-text-secondary-resting: var(--_pulse-core-color-grey-800); /** Resting text colour for secondary button */
  --pulse-color-button-text-secondary-hover: var(--_pulse-core-color-grey-800); /** Hover text colour for secondary button */
  --pulse-color-button-text-secondary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active text colour for secondary button */
  --pulse-color-button-text-secondary-disabled: var(--_pulse-core-color-grey-500); /** Disabled text colour for secondary button */
  --pulse-color-button-text-tertiary-resting: var(--_pulse-core-color-grey-800); /** Resting text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-hover: var(--_pulse-core-color-grey-800); /** Hover text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active text colour for tertiary/ghost button */
  --pulse-color-button-text-tertiary-disabled: var(--_pulse-core-color-grey-500); /** Disabled text colour for tertiary/ghost button */
  --pulse-color-button-text-destructive-resting: var(--_pulse-core-color-grey-0); /** Resting text colour for destructive button */
  --pulse-color-button-text-destructive-hover: var(--_pulse-core-color-grey-0); /** Hover text colour for destructive button */
  --pulse-color-button-text-destructive-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active text colour for destructive button */
  --pulse-color-button-text-destructive-disabled: var(--_pulse-core-color-grey-0); /** Disabled text colour for destructive button */
  --pulse-color-button-text-inverted-primary-resting: var(--_pulse-core-color-grey-800); /** Resting text colour for inverted primary button */
  --pulse-color-button-text-inverted-primary-hover: var(--_pulse-core-color-grey-800); /** Hover text colour for inverted primary button */
  --pulse-color-button-text-inverted-primary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active text colour for inverted primary button */
  --pulse-color-button-text-inverted-primary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled text colour for inverted primary button */
  --pulse-color-button-text-inverted-secondary-resting: var(--_pulse-core-color-grey-0); /** Resting text colour for inverted secondary button */
  --pulse-color-button-text-inverted-secondary-hover: var(--_pulse-core-color-grey-0); /** Hover text colour for inverted secondary button */
  --pulse-color-button-text-inverted-secondary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active text colour for inverted secondary button */
  --pulse-color-button-text-inverted-secondary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled text colour for inverted secondary button */
  --pulse-color-button-text-inverted-tertiary-resting: var(--_pulse-core-color-grey-0); /** Resting text colour for inverted tertiary/ghost button */
  --pulse-color-button-text-inverted-tertiary-hover: var(--_pulse-core-color-grey-0); /** Hover text colour for inverted tertiary/ghost button */
  --pulse-color-button-text-inverted-tertiary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active text colour for inverted tertiary/ghost button */
  --pulse-color-button-text-inverted-tertiary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled text colour for inverted tertiary/ghost button */
  --pulse-color-button-background-primary-resting: var(--_pulse-core-color-blue-700); /** Resting background colour for primary button */
  --pulse-color-button-background-primary-hover: var(--_pulse-core-color-blue-800); /** Hover background colour for primary button */
  --pulse-color-button-background-primary-pressed: var(--_pulse-core-color-blue-900); /** Pressed/Active background colour for primary button */
  --pulse-color-button-background-primary-disabled: var(--_pulse-core-color-grey-500); /** Disabled background colour for primary button */
  --pulse-color-button-background-secondary-resting: var(--_pulse-core-color-grey-0); /** Resting background colour for secondary button */
  --pulse-color-button-background-secondary-hover: var(--_pulse-core-color-grey-50); /** Hover background colour for secondary button */
  --pulse-color-button-background-secondary-pressed: var(--_pulse-core-color-grey-100); /** Pressed/Active background colour for secondary button */
  --pulse-color-button-background-secondary-disabled: var(--_pulse-core-color-grey-0); /** Disabled background colour for secondary button */
  --pulse-color-button-background-tertiary-resting: var(--_pulse-core-color-transparent); /** Resting background colour for tertiary/ghost button */
  --pulse-color-button-background-tertiary-hover: var(--_pulse-core-color-alpha-grey-5); /** Hover background colour for tertiary/ghost button */
  --pulse-color-button-background-tertiary-pressed: var(--_pulse-core-color-alpha-grey-10); /** Pressed/Active background colour for tertiary/ghost button */
  --pulse-color-button-background-tertiary-disabled: var(--_pulse-core-color-transparent); /** Disabled background colour for tertiary/ghost button */
  --pulse-color-button-background-destructive-resting: var(--_pulse-core-color-red-600); /** Resting background colour for destructive button */
  --pulse-color-button-background-destructive-hover: var(--_pulse-core-color-red-700); /** Hover background colour for destructive button */
  --pulse-color-button-background-destructive-pressed: var(--_pulse-core-color-red-800); /** Pressed/Active background colour for destructive button */
  --pulse-color-button-background-destructive-disabled: var(--_pulse-core-color-grey-500); /** Disabled background colour for destructive button */
  --pulse-color-button-background-inverted-primary-resting: var(--_pulse-core-color-grey-0); /** Resting background colour for inverted primary button */
  --pulse-color-button-background-inverted-primary-hover: var(--_pulse-core-color-alpha-white-90); /** Hover background colour for inverted primary button */
  --pulse-color-button-background-inverted-primary-pressed: var(--_pulse-core-color-alpha-white-80); /** Pressed/Active background colour for inverted primary button */
  --pulse-color-button-background-inverted-primary-disabled: var(--_pulse-core-color-alpha-white-20); /** Disabled background colour for inverted primary button */
  --pulse-color-button-background-inverted-secondary-resting: var(--_pulse-core-color-alpha-white-5); /** Resting background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-hover: var(--_pulse-core-color-alpha-white-10); /** Hover background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-pressed: var(--_pulse-core-color-alpha-white-20); /** Pressed/Active background colour for inverted secondary button */
  --pulse-color-button-background-inverted-secondary-disabled: var(--_pulse-core-color-alpha-white-5); /** Disabled background colour for inverted secondary button */
  --pulse-color-button-background-inverted-tertiary-resting: var(--_pulse-core-color-transparent); /** Resting background colour for inverted tertiary/ghost button */
  --pulse-color-button-background-inverted-tertiary-hover: var(--_pulse-core-color-alpha-white-5); /** Hover background colour for inverted tertiary/ghost button */
  --pulse-color-button-background-inverted-tertiary-pressed: var(--_pulse-core-color-alpha-white-10); /** Pressed/Active background colour for inverted tertiary/ghost button */
  --pulse-color-button-background-inverted-tertiary-disabled: var(--_pulse-core-color-transparent); /** Disabled background colour for inverted tertiary/ghost button */
  --pulse-color-button-border-primary-resting: var(--_pulse-core-color-blue-800); /** Resting border colour for primary button */
  --pulse-color-button-border-primary-hover: var(--_pulse-core-color-transparent); /** Hover border colour for primary button */
  --pulse-color-button-border-primary-pressed: var(--_pulse-core-color-transparent); /** Pressed/Active border colour for primary button */
  --pulse-color-button-border-primary-disabled: var(--_pulse-core-color-transparent); /** Disabled border colour for primary button */
  --pulse-color-button-border-secondary-resting: var(--_pulse-core-color-grey-300); /** Resting border colour for secondary button */
  --pulse-color-button-border-secondary-hover: var(--_pulse-core-color-grey-400); /** Hover border colour for secondary button */
  --pulse-color-button-border-secondary-pressed: var(--_pulse-core-color-grey-500); /** Pressed/Active border colour for secondary button */
  --pulse-color-button-border-secondary-disabled: var(--_pulse-core-color-grey-200); /** Disabled border colour for secondary button */
  --pulse-color-button-border-destructive-resting: var(--_pulse-core-color-red-700); /** Resting border colour for destructive button */
  --pulse-color-button-border-destructive-hover: var(--_pulse-core-color-transparent); /** Hover border colour for destructive button */
  --pulse-color-button-border-destructive-pressed: var(--_pulse-core-color-transparent); /** Pressed/Active border colour for destructive button */
  --pulse-color-button-border-destructive-disabled: var(--_pulse-core-color-transparent); /** Disabled border colour for destructive button */
  --pulse-color-button-border-inverted-secondary-resting: var(--_pulse-core-color-alpha-white-20); /** Resting border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-hover: var(--_pulse-core-color-alpha-white-20); /** Hover border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-pressed: var(--_pulse-core-color-alpha-white-20); /** Pressed/Active border colour for inverted secondary button */
  --pulse-color-button-border-inverted-secondary-disabled: var(--_pulse-core-color-alpha-white-20); /** Disabled border colour for inverted secondary button */
  --pulse-color-button-icon-primary-resting: var(--_pulse-core-color-grey-0); /** Resting icon colour for primary button */
  --pulse-color-button-icon-primary-hover: var(--_pulse-core-color-grey-0); /** Hover icon colour for primary button */
  --pulse-color-button-icon-primary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active icon colour for primary button */
  --pulse-color-button-icon-primary-disabled: var(--_pulse-core-color-grey-0); /** Disabled icon colour for primary button */
  --pulse-color-button-icon-secondary-resting: var(--_pulse-core-color-grey-800); /** Resting icon colour for secondary button */
  --pulse-color-button-icon-secondary-hover: var(--_pulse-core-color-grey-800); /** Hover icon colour for secondary button */
  --pulse-color-button-icon-secondary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active icon colour for secondary button */
  --pulse-color-button-icon-secondary-disabled: var(--_pulse-core-color-grey-500); /** Disabled icon colour for secondary button */
  --pulse-color-button-icon-tertiary-resting: var(--_pulse-core-color-grey-800); /** Resting icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-hover: var(--_pulse-core-color-grey-800); /** Hover icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active icon colour for tertiary/ghost button */
  --pulse-color-button-icon-tertiary-disabled: var(--_pulse-core-color-grey-500); /** Disabled icon colour for tertiary/ghost button */
  --pulse-color-button-icon-destructive-resting: var(--_pulse-core-color-grey-0); /** Resting icon colour for destructive button */
  --pulse-color-button-icon-destructive-hover: var(--_pulse-core-color-grey-0); /** Hover icon colour for destructive button */
  --pulse-color-button-icon-destructive-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active icon colour for destructive button */
  --pulse-color-button-icon-destructive-disabled: var(--_pulse-core-color-grey-0); /** Disabled icon colour for destructive button */
  --pulse-color-button-icon-inverted-primary-resting: var(--_pulse-core-color-grey-800); /** Resting icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-primary-hover: var(--_pulse-core-color-grey-800); /** Hover icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-primary-pressed: var(--_pulse-core-color-grey-800); /** Pressed/Active icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-primary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled icon colour for inverted primary button */
  --pulse-color-button-icon-inverted-secondary-resting: var(--_pulse-core-color-grey-0); /** Resting icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-secondary-hover: var(--_pulse-core-color-grey-0); /** Hover icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-secondary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-secondary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled icon colour for inverted secondary button */
  --pulse-color-button-icon-inverted-tertiary-resting: var(--_pulse-core-color-grey-0); /** Resting icon colour for inverted tertiary/ghost button */
  --pulse-color-button-icon-inverted-tertiary-hover: var(--_pulse-core-color-grey-0); /** Hover icon colour for inverted tertiary/ghost button */
  --pulse-color-button-icon-inverted-tertiary-pressed: var(--_pulse-core-color-grey-0); /** Pressed/Active icon colour for inverted tertiary/ghost button */
  --pulse-color-button-icon-inverted-tertiary-disabled: var(--_pulse-core-color-alpha-white-40); /** Disabled icon colour for inverted tertiary/ghost button */
  --pulse-color-tag-text-white: var(--_pulse-core-color-grey-800); /** Text colour for a tag component with a white background */
  --pulse-color-tag-text-grey: var(--_pulse-core-color-grey-800); /** Text colour for a tag component with a grey background */
  --pulse-color-tag-text-green: var(--_pulse-core-color-green-900); /** Text colour for a tag component with a green background */
  --pulse-color-tag-text-yellow: var(--_pulse-core-color-yellow-900); /** Text colour for a tag component with a yellow background */
  --pulse-color-tag-text-orange: var(--_pulse-core-color-orange-900); /** Text colour for a tag component with an orange background */
  --pulse-color-tag-text-red: var(--_pulse-core-color-red-900); /** Text colour for a tag component with a red background */
  --pulse-color-tag-text-pink: var(--_pulse-core-color-pink-900); /** Text colour for a tag component with a pink background */
  --pulse-color-tag-text-purple: var(--_pulse-core-color-purple-900); /** Text colour for a tag component with a purple background */
  --pulse-color-tag-text-blue: var(--_pulse-core-color-blue-900); /** Text colour for a tag component with a blue background */
  --pulse-color-tag-background-white: var(--_pulse-core-color-grey-0); /** Background colour for a tag component with a white background */
  --pulse-color-tag-background-grey: var(--_pulse-core-color-grey-200); /** Background colour for a tag component with a grey background */
  --pulse-color-tag-background-green: var(--_pulse-core-color-green-200); /** Background colour for a tag component with a green background */
  --pulse-color-tag-background-yellow: var(--_pulse-core-color-yellow-200); /** Background colour for a tag component with a yellow background */
  --pulse-color-tag-background-orange: var(--_pulse-core-color-orange-200); /** Background colour for a tag component with an orange background */
  --pulse-color-tag-background-red: var(--_pulse-core-color-red-200); /** Background colour for a tag component with a red background */
  --pulse-color-tag-background-pink: var(--_pulse-core-color-pink-200); /** Background colour for a tag component with a pink background */
  --pulse-color-tag-background-blue: var(--_pulse-core-color-blue-200); /** Background colour for a tag component with a blue background */
  --pulse-color-tag-background-purple: var(--_pulse-core-color-purple-200); /** Background colour for a tag component with a purple background */
  --pulse-color-tag-icon-white: var(--_pulse-core-color-grey-700); /** icon colour for a tag component with a white background */
  --pulse-color-tag-icon-grey: var(--_pulse-core-color-grey-700); /** Icon colour for a tag component with a grey background */
  --pulse-color-tag-icon-green: var(--_pulse-core-color-green-700); /** Icon colour for a tag component with a green background */
  --pulse-color-tag-icon-yellow: var(--_pulse-core-color-yellow-700); /** Icon colour for a tag component with a yellow background */
  --pulse-color-tag-icon-orange: var(--_pulse-core-color-orange-700); /** Icon colour for a tag component with an orange background */
  --pulse-color-tag-icon-red: var(--_pulse-core-color-red-700); /** Icon colour for a tag component with a red background */
  --pulse-color-tag-icon-pink: var(--_pulse-core-color-pink-700); /** Icon colour for a tag component with a pink background */
  --pulse-color-tag-icon-purple: var(--_pulse-core-color-purple-700); /** Icon colour for a tag component with a purple background */
  --pulse-color-tag-icon-blue: var(--_pulse-core-color-blue-700); /** Icon colour for a tag component with a blue background */
  --pulse-color-progress-background-track-dark: var(--_pulse-core-color-alpha-grey-10); /** Dark background colour for the track of a progress component */
  --pulse-color-progress-background-track-light: var(--_pulse-core-color-alpha-white-20); /** Light background colour for the track of a progress component */
  --pulse-color-progress-background-indicator-dark: var(--_pulse-core-color-grey-800); /** Dark background colour for the indicator of a progress component */
  --pulse-color-progress-background-indicator-light: var(--_pulse-core-color-grey-0); /** Light background colour for the indicator of a progress component */
  --pulse-color-progress-background-indicator-error: var(--_pulse-core-color-red-600); /** Error background colour for the indicator of a progress component */
  --pulse-color-avatar-text-default: var(--_pulse-core-color-grey-800); /** Text colour for avatar labels */
  --pulse-color-avatar-icon-default: var(--_pulse-core-color-grey-800); /** Icon colour for avatar icons */
  --pulse-color-avatar-background-white: var(--_pulse-core-color-grey-0); /** Background colour for white avatar variant */
  --pulse-color-avatar-background-blue: var(--_pulse-core-color-blue-200); /** Background colour for blue avatar variant */
  --pulse-color-avatar-background-grey: var(--_pulse-core-color-grey-200); /** Background colour for grey avatar variant */
  --pulse-color-input-background-resting: var(--_pulse-core-color-grey-0); /** Background colour for resting input */
  --pulse-color-input-background-hover: var(--_pulse-core-color-grey-0); /** Background colour for hovered input */
  --pulse-color-input-background-pressed: var(--_pulse-core-color-grey-0); /** Background colour for pressed input */
  --pulse-color-input-background-disabled: var(--_pulse-core-color-grey-100); /** Background colour for disabled input */
  --pulse-color-input-border-resting: var(--_pulse-core-color-grey-500); /** Border colour for resting input */
  --pulse-color-input-border-hover: var(--_pulse-core-color-grey-600); /** Border colour for hovered input */
  --pulse-color-input-border-pressed: var(--_pulse-core-color-grey-700); /** Border colour for pressed input */
  --pulse-color-input-border-disabled: var(--_pulse-core-color-grey-400); /** Border colour for disabled input */
  --pulse-color-input-border-error-resting: var(--_pulse-core-color-red-600); /** Border colour for resting input with error state */
  --pulse-color-input-border-error-hover: var(--_pulse-core-color-red-700); /** Border colour for hovered input with error state */
  --pulse-color-input-border-error-pressed: var(--_pulse-core-color-red-800); /** Border colour for pressed input with error state */
  --pulse-color-input-icon-default: var(--_pulse-core-color-grey-800); /** Default colour for icons in inputs */
  --pulse-color-input-icon-positive: var(--_pulse-core-color-green-700); /** Positive colour for icons in inputs */
  --pulse-color-input-icon-negative: var(--_pulse-core-color-red-600); /** Negative colour for icons in inputs */
  --pulse-color-input-icon-disabled: var(--_pulse-core-color-grey-500); /** Disabled colour for icons in inputs */
  --pulse-color-badge-text-neutral: var(--_pulse-core-color-grey-800); /** Text colour for neutral badge component variant */
  --pulse-color-badge-text-action: var(--_pulse-core-color-grey-800); /** Text colour for action badge component variant */
  --pulse-color-badge-text-critical: var(--_pulse-core-color-grey-0); /** Text colour for critical badge component variant */
  --pulse-color-badge-text-inverted: var(--_pulse-core-color-grey-800); /** Text colour for inverted badge component variant */
  --pulse-color-badge-background-neutral: var(--_pulse-core-color-alpha-grey-10); /** Background colour for neutral badge component variant */
  --pulse-color-badge-background-action: var(--_pulse-core-color-blue-300); /** Background colour for action badge component variant */
  --pulse-color-badge-background-critical: var(--_pulse-core-color-red-600); /** Background colour for critical badge component variant */
  --pulse-color-badge-background-inverted: var(--_pulse-core-color-grey-0); /** Background colour for inverted badge component variant */
  --pulse-color-badge-icon-neutral: var(--_pulse-core-color-grey-800); /** Icon colour for neutral badge component variant */
  --pulse-color-badge-icon-action: var(--_pulse-core-color-grey-800); /** Icon colour for action badge component variant */
  --pulse-color-badge-icon-critical: var(--_pulse-core-color-grey-0); /** Icon colour for critical badge component variant */
  --pulse-color-badge-icon-inverted: var(--_pulse-core-color-grey-800); /** icon colour for inverted badge component variant */
  --pulse-color-badge-border-default: var(--_pulse-core-color-alpha-white-60); /** Outer border colour for badge components to ensure legibility and accessibility */
  --pulse-color-indicator-background-success: var(--_pulse-core-color-green-600); /** Background colour for an success indicator component variant */
  --pulse-color-indicator-background-action: var(--_pulse-core-color-blue-500); /** Background colour for action indicator component variant */
  --pulse-color-indicator-background-critical: var(--_pulse-core-color-red-600); /** Background colour for critical indicator component variant */
  --pulse-color-indicator-border-default: var(--_pulse-core-color-alpha-white-60); /** Outer border colour for indicator components to ensure legibility and accessibility */
  --pulse-color-focus-outline-inner: var(--_pulse-core-color-grey-0); /** Inner border colour for focus ring */
  --pulse-color-focus-outline-outer: var(--_pulse-core-color-blue-800); /** Outer border colour for focus ring */
  --pulse-color-navigation-item-background-resting: var(--_pulse-core-color-grey-0); /** Resting background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-hover: var(--_pulse-core-color-alpha-grey-5); /** Hover background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-pressed: var(--_pulse-core-color-alpha-grey-10); /** Pressed/Active background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-disabled: var(--_pulse-core-color-grey-0); /** Disabled background colour for an unselected navigation item */
  --pulse-color-navigation-item-background-selected-resting: var(--_pulse-core-color-alpha-grey-10); /** Resting background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-hover: var(--_pulse-core-color-alpha-grey-10); /** Hover background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-pressed: var(--_pulse-core-color-alpha-grey-10); /** Pressed/Active background colour for a selected navigation item */
  --pulse-color-navigation-item-background-selected-disabled: var(--_pulse-core-color-alpha-grey-10); /** Disabled background colour for a selected navigation item */
  --pulse-color-skeleton-background-base: var(--_pulse-core-color-alpha-grey-5); /** Base colour for a skeleton state */
  --pulse-color-skeleton-background-highlight: var(--_pulse-core-color-alpha-grey-10); /** Highlight colour for a skeleton state */
  --pulse-color-skeleton-background-inverted-base: var(--_pulse-core-color-alpha-white-10); /** Base colour for an inverted skeleton state */
  --pulse-color-skeleton-background-inverted-highlight: var(--_pulse-core-color-alpha-white-20); /** Highlight colour for an inverted skeleton state */
  --pulse-space-grid-margin-sm: var(--_pulse-core-space-400); /** Space between the grid and its container at the sm breakpoint */
  --pulse-space-grid-margin-md: var(--_pulse-core-space-500); /** Space between the grid and its container at the md breakpoint */
  --pulse-space-grid-margin-lg: var(--_pulse-core-space-600); /** Space between the grid and its container at the lg and xl breakpoints */
  --pulse-space-grid-gutter-sm: var(--_pulse-core-space-200); /** Space between grid columns and rows at the sm breakpoint */
  --pulse-space-grid-gutter-md: var(--_pulse-core-space-300); /** Space between grid columns and rows at the md breakpoint */
  --pulse-space-grid-gutter-lg: var(--_pulse-core-space-400); /** Space between grid columns and rows at the lg and xl breakpoints */
  --pulse-space-container-inset-xs: var(--_pulse-core-space-200); /** Tight padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-sm: var(--_pulse-core-space-300); /** Compact padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-md: var(--_pulse-core-space-400); /** Moderate padding option for cards, containers, and other generic regions */
  --pulse-space-container-inset-lg: var(--_pulse-core-space-600); /** Spacious padding option for page sections, empty states, cards, containers, and other generic regions */
  --pulse-space-container-inset-xl: var(--_pulse-core-space-800); /** Generous padding option for hero surfaces, feature panels, cards, containers, and other generic regions */
  --pulse-space-container-stack-xs: var(--_pulse-core-space-200); /** Tight vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-sm: var(--_pulse-core-space-300); /** Compact vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-md: var(--_pulse-core-space-400); /** Moderate vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-lg: var(--_pulse-core-space-600); /** Spacious vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-stack-xl: var(--_pulse-core-space-800); /** Generous vertical space option for content within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-xs: var(--_pulse-core-space-200); /** Tight horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-sm: var(--_pulse-core-space-300); /** Compact horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-md: var(--_pulse-core-space-400); /** Moderate horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-lg: var(--_pulse-core-space-600); /** Spacious horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-container-inline-xl: var(--_pulse-core-space-800); /** Generous horizontal space option for separate elements within a container, such as a card, toolbar, or other generic region */
  --pulse-space-list-stack-sm: var(--_pulse-core-space-100); /** Tight vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-stack-md: var(--_pulse-core-space-200); /** Compact vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-stack-lg: var(--_pulse-core-space-300); /** Moderate vertical space option for rows in feeds, lists, and other repeated collections */
  --pulse-space-list-item-inset-sm: var(--_pulse-core-space-100); /** Tight padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-list-item-inset-md: var(--_pulse-core-space-200); /** Compact padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-list-item-inset-lg: var(--_pulse-core-space-300); /** Moderate padding option for list rows, menu items, and other repeated row elements */
  --pulse-space-table-cell-inset-sm: var(--_pulse-core-space-300); /** Vertical padding for table cells, composed with md for the horizontal axis */
  --pulse-space-table-cell-inset-md: var(--_pulse-core-space-400); /** Horizontal padding for table cells, composed with sm for the vertical axis */
  --pulse-space-form-stack-xs: var(--_pulse-core-space-100); /** Tight vertical space within forms, typically used between form field elements like inputs, labels, and validation messages */
  --pulse-space-form-stack-sm: var(--_pulse-core-space-200); /** Compact vertical space within forms */
  --pulse-space-form-stack-md: var(--_pulse-core-space-400); /** Moderate vertical space within forms and default space above form submission actions */
  --pulse-space-form-stack-lg: var(--_pulse-core-space-600); /** Spacious vertical space within forms and default space between form fields */
  --pulse-space-form-stack-xl: var(--_pulse-core-space-800); /** Generous vertical space within forms and default space between form sections */
  --pulse-space-form-inline-sm: var(--_pulse-core-space-200); /** Compact horizontal space for form content, small indents, and default space for input fields sharing a row */
  --pulse-space-form-inline-md: var(--_pulse-core-space-400); /** Moderate horizontal space for form content and other inline form elements or indents */
  --pulse-space-form-inline-lg: var(--_pulse-core-space-600); /** Spacious horizontal space for form content and other inline form elements or indents */
  --pulse-space-form-field-gap-label: var(--_pulse-core-space-100); /** Vertical space between a form field's label and input element */
  --pulse-space-form-field-gap-validation: var(--_pulse-core-space-100); /** Vertical space between a form field and its validation message, visually linking the two elements */
  --pulse-space-form-field-gap-inline: var(--_pulse-core-space-300); /** Standard horizontal space between form elements when placed inline */
  --pulse-space-form-layout-heading: var(--_pulse-core-space-600); /** Default space between form heading and form fields */
  --pulse-space-form-layout-action: var(--_pulse-core-space-400); /** Default space between form fields and form action(s) */
  --pulse-space-form-gap-md: var(--_pulse-core-space-600); /** Standard spacing between components in a form layout */
  --pulse-space-pair-inline-xs: var(--_pulse-core-space-50); /** Tight horizontal space option for key caps, labels, and other elements reading as one unit */
  --pulse-space-pair-inline-sm: var(--_pulse-core-space-100); /** Compact horizontal space option for icons, labels, and other elements reading as one unit */
  --pulse-space-pair-inline-md: var(--_pulse-core-space-200); /** Moderate horizontal space option for terms, values, and other elements reading as one unit */
  --pulse-space-pair-inline-lg: var(--_pulse-core-space-300); /** Spacious horizontal space option for avatars, names, and other elements reading as one unit */
  --pulse-space-pair-stack-xs: var(--_pulse-core-space-50); /** Tight vertical space option for values, units, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-sm: var(--_pulse-core-space-100); /** Compact vertical space option for headings, subtext, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-md: var(--_pulse-core-space-200); /** Moderate vertical space option for labels, descriptions, and other stacked elements reading as one unit */
  --pulse-space-pair-stack-lg: var(--_pulse-core-space-300); /** Spacious vertical space option for stacked elements reading as one unit */
  --pulse-space-control-inline-sm: var(--_pulse-core-space-100); /** Tight horizontal space option for icon buttons, and other controls in a row */
  --pulse-space-control-inline-md: var(--_pulse-core-space-200); /** Compact horizontal space option for controls and actions in a row */
  --pulse-space-control-inline-lg: var(--_pulse-core-space-300); /** Moderate horizontal space option for buttons in modal footers, and other controls and actions in a row */
  --pulse-space-component-xxs: var(--_pulse-core-space-50); /** Minimum adjustments, optical tweaks, and subtle boundary offsets */
  --pulse-space-component-xs: var(--_pulse-core-space-100); /** Ultra-tight inner spacing for highly dense or compact data components */
  --pulse-space-component-sm: var(--_pulse-core-space-150); /** Tight inner spacing for compact UI elements */
  --pulse-space-component-md: var(--_pulse-core-space-200); /** Baseline inner spacing and standard gaps between paired internal elements */
  --pulse-space-component-lg: var(--_pulse-core-space-300); /** Comfortable inner spacing and default padding for standard interactive elements */
  --pulse-space-component-xl: var(--_pulse-core-space-400); /** Generous inner spacing for prominent interactive elements */
  --pulse-space-component-xxl: var(--_pulse-core-space-500); /** Spacious inner padding for large, self-contained surface components */
  --pulse-space-component-xxxl: var(--_pulse-core-space-600); /** Maximum inner padding for overarching feature components */
  --pulse-space-content-xs: var(--_pulse-core-space-200); /** Immediate relationship; elements that are directly paired or dependent on one another */
  --pulse-space-content-sm: var(--_pulse-core-space-300); /** Close relationship; tightly grouped content clusters forming a single readable unit */
  --pulse-space-content-md: var(--_pulse-core-space-400); /** Standard relationship; the baseline vertical rhythm and flow between standard content blocks */
  --pulse-space-content-lg: var(--_pulse-core-space-600); /** Loose relationship; separating distinct but related groupings within a broader section */
  --pulse-space-content-xl: var(--_pulse-core-space-800); /** Distant relationship; creating clear separation between major content blocks */
  --pulse-space-layout-xs: var(--_pulse-core-space-400); /** Tiny layout gaps and container margins */
  --pulse-space-layout-sm: var(--_pulse-core-space-600); /** Minor structural gaps and compact container margins */
  --pulse-space-layout-md: var(--_pulse-core-space-800); /** Standard structural gaps and baseline section divisions */
  --pulse-space-layout-lg: var(--_pulse-core-space-1000); /** Prominent structural gaps and standard page framing margins */
  --pulse-space-layout-xl: var(--_pulse-core-space-1200); /** Major section divisions and spacious page structures */
  --pulse-space-layout-xxl: var(--_pulse-core-space-1600); /** Grand structural divisions, isolating highly distinct page areas */
  --pulse-space-layout-xxxl: var(--_pulse-core-space-2000); /** Maximum structural spacing, overarching page framing, and hero-level breathing room */
  --pulse-space-button-gap-xs: var(--_pulse-core-space-100); /** Spacing between small tertiary icon-only buttons */
  --pulse-space-button-gap-sm: var(--_pulse-core-space-200); /** Standard spacing between small buttons, spacing between medium tertiary icon-only buttons */
  --pulse-space-button-gap-md: var(--_pulse-core-space-300); /** Standard spacing between medium buttons */
  --pulse-space-core-0: var(--_pulse-core-space-0); /** 0px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-50: var(--_pulse-core-space-50); /** 2px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-100: var(--_pulse-core-space-100); /** 4px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-150: var(--_pulse-core-space-150); /** 6px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-200: var(--_pulse-core-space-200); /** 8px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-300: var(--_pulse-core-space-300); /** 12px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-400: var(--_pulse-core-space-400); /** 16px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-500: var(--_pulse-core-space-500); /** 20px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-600: var(--_pulse-core-space-600); /** 24px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-800: var(--_pulse-core-space-800); /** 32px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1000: var(--_pulse-core-space-1000); /** 40px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1200: var(--_pulse-core-space-1200); /** 48px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1400: var(--_pulse-core-space-1400); /** 56px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-1600: var(--_pulse-core-space-1600); /** 64px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-space-core-2000: var(--_pulse-core-space-2000); /** 80px. Generic space token used for padding, margin, and gap spacing when no specific semantic tokens are available */
  --pulse-radius-none: var(--_pulse-core-radius-0); /** For elements with perfectly sharp, square corners (no rounding) */
  --pulse-radius-page-frame: var(--_pulse-core-radius-xl); /** Specific radius applied to the overall page frame outer container */
  --pulse-radius-component-sm: var(--_pulse-core-radius-sm); /** Tight rounding used for tiny components like checkboxes and small avatars */
  --pulse-radius-component-default: var(--_pulse-core-radius-md); /** Default rounding, used for buttons, inputs or general UI elements */
  --pulse-radius-component-lg: var(--_pulse-core-radius-lg); /** Large rounding used for a menus, dialogues, cards, and sections */
  --pulse-radius-component-full: var(--_pulse-core-radius-full); /** For components that should be perfectly circular or have a full pill-like rounded shape */
  --_pulse-core-elevation-sm: 0 0 1px 0 var(--_pulse-core-color-alpha-grey-20), 0 2px 3px -1px var(--_pulse-core-color-alpha-grey-30); /** Low tactile lift with a subtle definition ring */
  --_pulse-core-elevation-md: 0 0 1px 0 var(--_pulse-core-color-alpha-grey-30), 0 4px 12px -4px var(--_pulse-core-color-alpha-grey-20); /** Medium lift for menus and popovers */
  --_pulse-core-elevation-lg: 0 0 1px 0 var(--_pulse-core-color-alpha-grey-40), 0 8px 24px -8px var(--_pulse-core-color-alpha-grey-30); /** High lift with a stronger definition ring for global alerts */
  --_pulse-core-elevation-overflow-outer: 0 0 12px 0 var(--_pulse-core-color-alpha-grey-20); /** Diffuse shadow for sticky scroll indications */
  --_pulse-core-elevation-overflow-inner-start: inset 12px 0 12px -12px var(--_pulse-core-color-alpha-grey-20);
  --_pulse-core-elevation-overflow-inner-end: inset -12px 0 12px -12px var(--_pulse-core-color-alpha-grey-20);
  --_pulse-core-elevation-overflow-inner-top: inset 0 12px 12px -12px var(--_pulse-core-color-alpha-grey-20);
  --_pulse-core-elevation-overflow-inner-bottom: inset 0 -12px 12px -12px var(--_pulse-core-color-alpha-grey-20);
  --pulse-elevation-interactive-pressed: var(--_pulse-core-elevation-0); /** Pressed elevation of a generic interactive surface */
  --pulse-elevation-sticky-resting: var(--_pulse-core-elevation-0); /** Resetting fixed or sticky elements to show no elevation */
  --pulse-elevation-none: var(--_pulse-core-elevation-0); /** Explicit to set no elevation */
  --pulse-elevation-focus-ring: 0 0 0 2px var(--_pulse-core-color-grey-0), 0 0 0 4px var(--_pulse-core-color-blue-800); /** Standard focus ring outline for showing visible focus on components and elements */
  --pulse-font-family-global: var(--_pulse-core-font-family-base); /** Default font family for product interface */
  --pulse-font-display-size-lg: var(--_pulse-core-font-size-xxxl); /** Largest display font size, for primary page headlines */
  --pulse-font-display-size-md: var(--_pulse-core-font-size-xxl); /** Medium display font size, for major section titles */
  --pulse-font-display-size-sm: var(--_pulse-core-font-size-xl); /** Smallest display font size, for prominent sub-display headings */
  --pulse-font-display-weight: var(--_pulse-core-font-weight-bold); /** Font weight for display text */
  --pulse-font-display-line-height-lg: var(--_pulse-core-font-line-height-xxxl); /** Line height for display lg (40/52) */
  --pulse-font-display-line-height-md: var(--_pulse-core-font-line-height-xxl); /** Line height for display md (32/40) */
  --pulse-font-display-line-height-sm: var(--_pulse-core-font-line-height-xl); /** Line height for display sm (24/32) */
  --pulse-font-heading-size-lg: var(--_pulse-core-font-size-xl); /** Large heading size */
  --pulse-font-heading-size-md: var(--_pulse-core-font-size-lg); /** Medium heading size */
  --pulse-font-heading-size-sm: var(--_pulse-core-font-size-md); /** Small heading size */
  --pulse-font-heading-weight: var(--_pulse-core-font-weight-semibold); /** Standard/default font weight for general headings */
  --pulse-font-heading-line-height-lg: var(--_pulse-core-font-line-height-xl); /** Line height for heading lg (24/32) */
  --pulse-font-heading-line-height-md: var(--_pulse-core-font-line-height-lg); /** Line height for heading md (20/28) */
  --pulse-font-heading-line-height-sm: var(--_pulse-core-font-line-height-md); /** Line height for heading sm (16/24) */
  --pulse-font-body-size-lg: var(--_pulse-core-font-size-lg); /** Large font size for body text (for example, lead paragraphs) */
  --pulse-font-body-size-md: var(--_pulse-core-font-size-md); /** Standard font size for body text */
  --pulse-font-body-size-sm: var(--_pulse-core-font-size-sm); /** Smaller font size for body text (for example, hints and minor details) */
  --pulse-font-body-weight-default: var(--_pulse-core-font-weight-regular); /** Standard/default font weight for body text */
  --pulse-font-body-weight-strong: var(--_pulse-core-font-weight-semibold); /** Strong emphasis font weight option for body text */
  --pulse-font-body-line-height-lg: var(--_pulse-core-font-line-height-lg); /** Line height for body lg (20/28) */
  --pulse-font-body-line-height-md: var(--_pulse-core-font-line-height-md); /** Line height for body md (16/24) */
  --pulse-font-body-line-height-sm: var(--_pulse-core-font-line-height-sm); /** Line height for body sm (14/20) */
  --pulse-font-label-size-md: var(--_pulse-core-font-size-md); /** Standard font size for form labels */
  --pulse-font-label-size-sm: var(--_pulse-core-font-size-sm); /** Smaller font size for less prominent labels (e.g., tooltips) */
  --pulse-font-label-weight: var(--_pulse-core-font-weight-semibold); /** Font weight for form labels */
  --pulse-font-label-line-height-md: var(--_pulse-core-font-line-height-md); /** Line height for label md (16/24) */
  --pulse-font-label-line-height-sm: var(--_pulse-core-font-line-height-sm); /** Line height for label sm (14/20) */
  --pulse-font-caption-size-md: var(--_pulse-core-font-size-md); /** Font size for more prominent captions or descriptions */
  --pulse-font-caption-size-sm: var(--_pulse-core-font-size-sm); /** Font size for captions, legal text, or very small annotations */
  --pulse-font-caption-weight: var(--_pulse-core-font-weight-regular); /** Font weight for captions */
  --pulse-font-caption-line-height-md: var(--_pulse-core-font-line-height-md); /** Line height for caption md (16/24) */
  --pulse-font-caption-line-height-sm: var(--_pulse-core-font-line-height-sm); /** Line height for caption sm (14/20) */
  --pulse-font-avatar-size-xl: var(--_pulse-core-font-size-lg); /** Standard font size for xl avatar labels */
  --pulse-font-avatar-size-lg: var(--_pulse-core-font-size-md); /** Standard font size for lg avatar labels */
  --pulse-font-avatar-size-md: var(--_pulse-core-font-size-sm); /** Standard font size for md avatar labels */
  --pulse-font-avatar-size-sm: var(--_pulse-core-font-size-sm); /** Standard font size for sm avatar labels */
  --pulse-font-avatar-weight: var(--_pulse-core-font-weight-regular); /** Font weight for avatar labels */
  --pulse-font-avatar-line-height-xl: var(--_pulse-core-font-line-height-lg); /** Line height for xl avatar labels (20/28) */
  --pulse-font-avatar-line-height-lg: var(--_pulse-core-font-line-height-md); /** Line height for lg avatar labels (16/24) */
  --pulse-font-avatar-line-height-md: var(--_pulse-core-font-line-height-sm); /** Line height for md avatar labels (14/20) */
  --pulse-font-avatar-line-height-sm: var(--_pulse-core-font-line-height-sm); /** Line height for sm avatar labels (14/20) */
  --pulse-font-button-size-md: var(--_pulse-core-font-size-md); /** Standard font size for medium button labels */
  --pulse-font-button-size-sm: var(--_pulse-core-font-size-sm); /** Standard font size for small button labels */
  --pulse-font-button-weight: var(--_pulse-core-font-weight-semibold); /** Font weight for button labels */
  --pulse-font-button-line-height-md: var(--_pulse-core-font-line-height-md); /** Line height for medium button labels (16/24) */
  --pulse-font-button-line-height-sm: var(--_pulse-core-font-line-height-sm); /** Line height for small button labels (14/20) */
  --pulse-color-input-text-default: var(--pulse-color-text-primary); /** Text colour for input values */
  --pulse-color-input-text-placeholder: var(--pulse-color-text-subtle); /** Text colour for input placeholders */
  --pulse-color-input-text-disabled: var(--pulse-color-text-disabled); /** Text colour for input disabled values */
  --pulse-elevation-overflow-start: var(--_pulse-core-elevation-overflow-inner-start); /** Inner overflow shadow on the leading edge of a section */
  --pulse-elevation-overflow-end: var(--_pulse-core-elevation-overflow-inner-end); /** Inner overflow shadow on the trailing edge of a section */
  --pulse-elevation-overflow-top: var(--_pulse-core-elevation-overflow-inner-top); /** Inner overflow shadow on the top edge of a section */
  --pulse-elevation-overflow-bottom: var(--_pulse-core-elevation-overflow-inner-bottom); /** Inner overflow shadow on the bottom edge of a section */
  --pulse-elevation-interactive-resting: var(--_pulse-core-elevation-sm); /** Resting elevation of a generic interactive surface */
  --pulse-elevation-interactive-hover: var(--_pulse-core-elevation-sm); /** Hover elevation of a generic interactive surface */
  --pulse-elevation-draggable-resting: var(--_pulse-core-elevation-sm); /** Resting elevation of a draggable surface */
  --pulse-elevation-draggable-dragged: var(--_pulse-core-elevation-md); /** Dragged elevation of a draggable surface */
  --pulse-elevation-overlay-medium: var(--_pulse-core-elevation-md); /** For standard elevation of components overlaying the UI, such as menus, tooltips, modals */
  --pulse-elevation-overlay-high: var(--_pulse-core-elevation-lg); /** For high-level elevation to display content over everything else, such as toasts and global alerts */
  --pulse-elevation-sticky-scrolled: var(--_pulse-core-elevation-overflow-outer); /** To show the element has lifted above the content scrolling underneath */
  --pulse-typography-display-lg: var(--pulse-font-display-weight) var(--pulse-font-display-size-lg)/var(--pulse-font-display-line-height-lg) var(--pulse-font-family-global); /** Largest display size, for primary page headlines */
  --pulse-typography-display-md: var(--pulse-font-display-weight) var(--pulse-font-display-size-md)/var(--pulse-font-display-line-height-md) var(--pulse-font-family-global); /** Medium display size, for major section titles */
  --pulse-typography-display-sm: var(--pulse-font-display-weight) var(--pulse-font-display-size-sm)/var(--pulse-font-display-line-height-sm) var(--pulse-font-family-global); /** Smallest display size, for prominent sub-display headings */
  --pulse-typography-heading-lg: var(--pulse-font-heading-weight) var(--pulse-font-heading-size-lg)/var(--pulse-font-heading-line-height-lg) var(--pulse-font-family-global); /** Large heading */
  --pulse-typography-heading-md: var(--pulse-font-heading-weight) var(--pulse-font-heading-size-md)/var(--pulse-font-heading-line-height-md) var(--pulse-font-family-global); /** Medium heading */
  --pulse-typography-heading-sm: var(--pulse-font-heading-weight) var(--pulse-font-heading-size-sm)/var(--pulse-font-heading-line-height-sm) var(--pulse-font-family-global); /** Small heading */
  --pulse-typography-body-lg: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-lg)/var(--pulse-font-body-line-height-lg) var(--pulse-font-family-global); /** Larger body text (lead paragraphs, etc.) */
  --pulse-typography-body-md: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-md)/var(--pulse-font-body-line-height-md) var(--pulse-font-family-global); /** Standard body text */
  --pulse-typography-body-sm: var(--pulse-font-body-weight-default) var(--pulse-font-body-size-sm)/var(--pulse-font-body-line-height-sm) var(--pulse-font-family-global); /** Small body text (hints and minor details) */
  --pulse-typography-body-strong-lg: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-lg)/var(--pulse-font-body-line-height-lg) var(--pulse-font-family-global); /** Large body text with strong emphasis */
  --pulse-typography-body-strong-md: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-md)/var(--pulse-font-body-line-height-md) var(--pulse-font-family-global); /** Standard body text with strong emphasis */
  --pulse-typography-body-strong-sm: var(--pulse-font-body-weight-strong) var(--pulse-font-body-size-sm)/var(--pulse-font-body-line-height-sm) var(--pulse-font-family-global); /** Small body text with strong emphasis */
  --pulse-typography-label-md: var(--pulse-font-label-weight) var(--pulse-font-label-size-md)/var(--pulse-font-label-line-height-md) var(--pulse-font-family-global); /** Standard form labels */
  --pulse-typography-label-sm: var(--pulse-font-label-weight) var(--pulse-font-label-size-sm)/var(--pulse-font-label-line-height-sm) var(--pulse-font-family-global); /** Smaller labels for less prominent labels (e.g., tooltips) */
  --pulse-typography-caption-md: var(--pulse-font-caption-weight) var(--pulse-font-caption-size-md)/var(--pulse-font-caption-line-height-md) var(--pulse-font-family-global); /** For more prominent captions or descriptions */
  --pulse-typography-caption-sm: var(--pulse-font-caption-weight) var(--pulse-font-caption-size-sm)/var(--pulse-font-caption-line-height-sm) var(--pulse-font-family-global); /** For captions, legal text, or very small annotations */
}