// GENERATED by scripts/build-tokens.mjs — do not edit by hand.
// Source: Figma variables — New Design system Demo
//
// Every variable here resolves to a CSS custom property rather than a literal.
// That is the point: a component written against $vw-text-primary keeps theming
// when the attribute on <html> flips, and a component written against #000000
// does not.

$vw-ref-color-yellow-100: var(--vw-ref-color-yellow-100);
$vw-ref-color-yellow-400: var(--vw-ref-color-yellow-400);
$vw-ref-color-yellow-450: var(--vw-ref-color-yellow-450);
$vw-ref-color-yellow-500: var(--vw-ref-color-yellow-500);
$vw-ref-color-yellow-700: var(--vw-ref-color-yellow-700);
$vw-ref-color-yellow-800: var(--vw-ref-color-yellow-800);
$vw-ref-color-yellow-900: var(--vw-ref-color-yellow-900);
$vw-ref-color-neutral-0: var(--vw-ref-color-neutral-0);
$vw-ref-color-neutral-50: var(--vw-ref-color-neutral-50);
$vw-ref-color-neutral-100: var(--vw-ref-color-neutral-100);
$vw-ref-color-neutral-200: var(--vw-ref-color-neutral-200);
$vw-ref-color-neutral-300: var(--vw-ref-color-neutral-300);
$vw-ref-color-neutral-400: var(--vw-ref-color-neutral-400);
$vw-ref-color-neutral-500: var(--vw-ref-color-neutral-500);
$vw-ref-color-neutral-600: var(--vw-ref-color-neutral-600);
$vw-ref-color-neutral-700: var(--vw-ref-color-neutral-700);
$vw-ref-color-neutral-800: var(--vw-ref-color-neutral-800);
$vw-ref-color-neutral-850: var(--vw-ref-color-neutral-850);
$vw-ref-color-neutral-880: var(--vw-ref-color-neutral-880);
$vw-ref-color-neutral-890: var(--vw-ref-color-neutral-890);
$vw-ref-color-neutral-900: var(--vw-ref-color-neutral-900);
$vw-ref-color-blue-100: var(--vw-ref-color-blue-100);
$vw-ref-color-blue-300: var(--vw-ref-color-blue-300);
$vw-ref-color-blue-500: var(--vw-ref-color-blue-500);
$vw-ref-color-blue-700: var(--vw-ref-color-blue-700);
$vw-ref-color-green-100: var(--vw-ref-color-green-100);
$vw-ref-color-green-500: var(--vw-ref-color-green-500);
$vw-ref-color-green-800: var(--vw-ref-color-green-800);
$vw-ref-color-red-50: var(--vw-ref-color-red-50);
$vw-ref-color-red-100: var(--vw-ref-color-red-100);
$vw-ref-color-red-200: var(--vw-ref-color-red-200);
$vw-ref-color-red-300: var(--vw-ref-color-red-300);
$vw-ref-color-red-600: var(--vw-ref-color-red-600);
$vw-ref-color-red-700: var(--vw-ref-color-red-700);
$vw-ref-color-red-800: var(--vw-ref-color-red-800);
$vw-ref-color-red-850: var(--vw-ref-color-red-850);
$vw-ref-color-red-900: var(--vw-ref-color-red-900);
$vw-ref-color-shadow-10: var(--vw-ref-color-shadow-10);
$vw-ref-color-shadow-18: var(--vw-ref-color-shadow-18);
$vw-ref-color-shadow-32: var(--vw-ref-color-shadow-32);
$vw-ref-color-shadow-48: var(--vw-ref-color-shadow-48);
$vw-ref-color-shadow-64: var(--vw-ref-color-shadow-64);
$vw-ref-color-transparent: var(--vw-ref-color-transparent);
$vw-ref-color-scrim-64: var(--vw-ref-color-scrim-64);
$vw-ref-color-scrim-72: var(--vw-ref-color-scrim-72);
$vw-ref-color-veil-70: var(--vw-ref-color-veil-70);
$vw-ref-space-none: var(--vw-ref-space-none);
$vw-ref-space-xs: var(--vw-ref-space-xs);
$vw-ref-space-sm: var(--vw-ref-space-sm);
$vw-ref-space-md: var(--vw-ref-space-md);
$vw-ref-space-lg: var(--vw-ref-space-lg);
$vw-ref-space-xl: var(--vw-ref-space-xl);
$vw-ref-space-2xl: var(--vw-ref-space-2xl);
$vw-ref-space-3xl: var(--vw-ref-space-3xl);
$vw-ref-space-4xl: var(--vw-ref-space-4xl);
$vw-ref-space-5xl: var(--vw-ref-space-5xl);
$vw-ref-space-2xs: var(--vw-ref-space-2xs);
$vw-ref-space-xs-plus: var(--vw-ref-space-xs-plus);
$vw-ref-radius-none: var(--vw-ref-radius-none);
$vw-ref-radius-xs: var(--vw-ref-radius-xs);
$vw-ref-radius-sm: var(--vw-ref-radius-sm);
$vw-ref-radius-md: var(--vw-ref-radius-md);
$vw-ref-radius-lg: var(--vw-ref-radius-lg);
$vw-ref-radius-pill: var(--vw-ref-radius-pill);
$vw-ref-radius-full: var(--vw-ref-radius-full);
$vw-ref-radius-xs-plus: var(--vw-ref-radius-xs-plus);
$vw-ref-font-size-xs: var(--vw-ref-font-size-xs);
$vw-ref-font-size-sm: var(--vw-ref-font-size-sm);
$vw-ref-font-size-md: var(--vw-ref-font-size-md);
$vw-ref-font-size-lg: var(--vw-ref-font-size-lg);
$vw-ref-font-size-xl: var(--vw-ref-font-size-xl);
$vw-ref-font-size-2xl: var(--vw-ref-font-size-2xl);
$vw-ref-font-size-3xl: var(--vw-ref-font-size-3xl);
$vw-ref-font-size-4xl: var(--vw-ref-font-size-4xl);
$vw-ref-line-height-xs: var(--vw-ref-line-height-xs);
$vw-ref-line-height-sm: var(--vw-ref-line-height-sm);
$vw-ref-line-height-md: var(--vw-ref-line-height-md);
$vw-ref-line-height-lg: var(--vw-ref-line-height-lg);
$vw-ref-line-height-xl: var(--vw-ref-line-height-xl);
$vw-ref-line-height-2xl: var(--vw-ref-line-height-2xl);
$vw-ref-line-height-3xl: var(--vw-ref-line-height-3xl);
$vw-ref-line-height-4xl: var(--vw-ref-line-height-4xl);
$vw-ref-line-height-5xl: var(--vw-ref-line-height-5xl);
$vw-ref-font-family-display: var(--vw-ref-font-family-display);
$vw-ref-font-family-body: var(--vw-ref-font-family-body);
$vw-ref-elevation-sm-y: var(--vw-ref-elevation-sm-y);
$vw-ref-elevation-sm-blur: var(--vw-ref-elevation-sm-blur);
$vw-ref-elevation-md-y: var(--vw-ref-elevation-md-y);
$vw-ref-elevation-md-blur: var(--vw-ref-elevation-md-blur);
$vw-ref-elevation-lg-y: var(--vw-ref-elevation-lg-y);
$vw-ref-elevation-lg-blur: var(--vw-ref-elevation-lg-blur);
$vw-ref-icon-size-sm: var(--vw-ref-icon-size-sm);
$vw-ref-icon-size-md: var(--vw-ref-icon-size-md);
$vw-ref-icon-size-lg: var(--vw-ref-icon-size-lg);
$vw-ref-motion-duration-instant: var(--vw-ref-motion-duration-instant);
$vw-ref-motion-duration-fast: var(--vw-ref-motion-duration-fast);
$vw-ref-motion-duration-base: var(--vw-ref-motion-duration-base);
$vw-ref-motion-duration-slow: var(--vw-ref-motion-duration-slow);
$vw-ref-motion-duration-enter: var(--vw-ref-motion-duration-enter);
$vw-ref-motion-duration-toggle: var(--vw-ref-motion-duration-toggle);
$vw-ref-motion-duration-gentle: var(--vw-ref-motion-duration-gentle);
$vw-ref-motion-ease-standard: var(--vw-ref-motion-ease-standard);
$vw-ref-motion-ease-enter: var(--vw-ref-motion-ease-enter);
$vw-ref-motion-ease-exit: var(--vw-ref-motion-ease-exit);
$vw-ref-motion-ease-gentle: var(--vw-ref-motion-ease-gentle);
$vw-ref-motion-stagger-tight: var(--vw-ref-motion-stagger-tight);
$vw-ref-motion-stagger-base: var(--vw-ref-motion-stagger-base);
$vw-ref-motion-stagger-loose: var(--vw-ref-motion-stagger-loose);
$vw-ref-motion-travel-parallax: var(--vw-ref-motion-travel-parallax);
$vw-ref-blur-veil: var(--vw-ref-blur-veil);
$vw-ref-blur-hint: var(--vw-ref-blur-hint);
$vw-ref-border-width-hairline: var(--vw-ref-border-width-hairline);
$vw-ref-border-width-thin: var(--vw-ref-border-width-thin);
$vw-ref-border-width-thick: var(--vw-ref-border-width-thick);

$vw-surface-brand: var(--vw-surface-brand);
$vw-surface-fixed-dark: var(--vw-surface-fixed-dark);
$vw-surface-brand-bar: var(--vw-surface-brand-bar);
$vw-text-on-brand: var(--vw-text-on-brand);
$vw-text-on-fixed-dark: var(--vw-text-on-fixed-dark);
$vw-text-on-fixed-dark-secondary: var(--vw-text-on-fixed-dark-secondary);
$vw-text-on-media: var(--vw-text-on-media);
$vw-text-on-media-secondary: var(--vw-text-on-media-secondary);
$vw-border-on-fixed-dark: var(--vw-border-on-fixed-dark);
$vw-border-on-brand: var(--vw-border-on-brand);
$vw-action-primary-bg: var(--vw-action-primary-bg);
$vw-action-primary-bg-hover: var(--vw-action-primary-bg-hover);
$vw-action-primary-bg-active: var(--vw-action-primary-bg-active);
$vw-action-primary-fg: var(--vw-action-primary-fg);
$vw-action-primary-fg-disabled: var(--vw-action-primary-fg-disabled);
$vw-action-secondary-fg-disabled: var(--vw-action-secondary-fg-disabled);
$vw-action-tertiary-bg: var(--vw-action-tertiary-bg);
$vw-action-tertiary-bg-disabled: var(--vw-action-tertiary-bg-disabled);
$vw-action-tertiary-fg-disabled: var(--vw-action-tertiary-fg-disabled);
$vw-feedback-warning-bg: var(--vw-feedback-warning-bg);
$vw-feedback-warning-fg: var(--vw-feedback-warning-fg);
$vw-radius-control: var(--vw-radius-control);
$vw-radius-container: var(--vw-radius-container);
$vw-radius-pill: var(--vw-radius-pill);
$vw-radius-key: var(--vw-radius-key);
$vw-type-page-title-size: var(--vw-type-page-title-size);
$vw-type-page-title-line: var(--vw-type-page-title-line);
$vw-type-section-title-size: var(--vw-type-section-title-size);
$vw-type-section-title-line: var(--vw-type-section-title-line);
$vw-type-subsection-title-size: var(--vw-type-subsection-title-size);
$vw-type-subsection-title-line: var(--vw-type-subsection-title-line);
$vw-type-card-title-size: var(--vw-type-card-title-size);
$vw-type-card-title-line: var(--vw-type-card-title-line);
$vw-type-lead-size: var(--vw-type-lead-size);
$vw-type-lead-line: var(--vw-type-lead-line);
$vw-type-action-label-size: var(--vw-type-action-label-size);
$vw-type-action-label-line: var(--vw-type-action-label-line);
$vw-type-overline-size: var(--vw-type-overline-size);
$vw-type-overline-line: var(--vw-type-overline-line);
$vw-type-body-size: var(--vw-type-body-size);
$vw-type-body-line: var(--vw-type-body-line);
$vw-type-body-compact-size: var(--vw-type-body-compact-size);
$vw-type-body-compact-line: var(--vw-type-body-compact-line);
$vw-type-caption-size: var(--vw-type-caption-size);
$vw-type-caption-line: var(--vw-type-caption-line);
$vw-type-hero-title-size: var(--vw-type-hero-title-size);
$vw-type-hero-title-line: var(--vw-type-hero-title-line);
$vw-space-keypad-gutter: var(--vw-space-keypad-gutter);

$vw-surface-page: var(--vw-surface-page);
$vw-surface-raised: var(--vw-surface-raised);
$vw-surface-sunken: var(--vw-surface-sunken);
$vw-surface-inverse: var(--vw-surface-inverse);
$vw-surface-disabled: var(--vw-surface-disabled);
$vw-surface-brand-veil: var(--vw-surface-brand-veil);
$vw-surface-media-veil: var(--vw-surface-media-veil);
$vw-surface-inset: var(--vw-surface-inset);
$vw-surface-inset-on-brand: var(--vw-surface-inset-on-brand);
$vw-text-primary: var(--vw-text-primary);
$vw-text-secondary: var(--vw-text-secondary);
$vw-text-disabled: var(--vw-text-disabled);
$vw-text-inverse: var(--vw-text-inverse);
$vw-text-inverse-secondary: var(--vw-text-inverse-secondary);
$vw-text-link: var(--vw-text-link);
$vw-border-subtle: var(--vw-border-subtle);
$vw-border-default: var(--vw-border-default);
$vw-border-strong: var(--vw-border-strong);
$vw-border-focus: var(--vw-border-focus);
$vw-border-inverse: var(--vw-border-inverse);
$vw-action-primary-bg-disabled: var(--vw-action-primary-bg-disabled);
$vw-action-secondary-bg: var(--vw-action-secondary-bg);
$vw-action-secondary-bg-hover: var(--vw-action-secondary-bg-hover);
$vw-action-secondary-bg-active: var(--vw-action-secondary-bg-active);
$vw-action-secondary-bg-disabled: var(--vw-action-secondary-bg-disabled);
$vw-action-secondary-fg: var(--vw-action-secondary-fg);
$vw-action-tertiary-bg-hover: var(--vw-action-tertiary-bg-hover);
$vw-action-tertiary-bg-active: var(--vw-action-tertiary-bg-active);
$vw-action-tertiary-fg: var(--vw-action-tertiary-fg);
$vw-feedback-info-bg: var(--vw-feedback-info-bg);
$vw-feedback-info-fg: var(--vw-feedback-info-fg);
$vw-feedback-success-bg: var(--vw-feedback-success-bg);
$vw-feedback-success-fg: var(--vw-feedback-success-fg);
$vw-feedback-error-bg: var(--vw-feedback-error-bg);
$vw-feedback-error-fg: var(--vw-feedback-error-fg);
$vw-feedback-error-surface: var(--vw-feedback-error-surface);
$vw-feedback-error-inset: var(--vw-feedback-error-inset);
$vw-feedback-error-text: var(--vw-feedback-error-text);
$vw-feedback-error-text-secondary: var(--vw-feedback-error-text-secondary);
$vw-shadow-sm: var(--vw-shadow-sm);
$vw-shadow-md: var(--vw-shadow-md);
$vw-shadow-lg: var(--vw-shadow-lg);
$vw-syntax-key: var(--vw-syntax-key);
$vw-syntax-string: var(--vw-syntax-string);
$vw-syntax-number: var(--vw-syntax-number);
$vw-syntax-literal: var(--vw-syntax-literal);
$vw-syntax-punctuation: var(--vw-syntax-punctuation);
$vw-indicator-active: var(--vw-indicator-active);
$vw-indicator-inactive: var(--vw-indicator-inactive);

$vw-font-display-h3: var(--vw-font-display-h3);
$vw-font-display-h4: var(--vw-font-display-h4);
$vw-font-display-h5: var(--vw-font-display-h5);
$vw-font-display-h6: var(--vw-font-display-h6);
$vw-font-title-04: var(--vw-font-title-04);
$vw-font-label-01: var(--vw-font-label-01);
$vw-font-label-02: var(--vw-font-label-02);
$vw-font-body-01: var(--vw-font-body-01);
$vw-font-body-02: var(--vw-font-body-02);
$vw-font-body-03: var(--vw-font-body-03);
$vw-font-display-h2: var(--vw-font-display-h2);

$vw-elevation-sm: var(--vw-elevation-sm);
$vw-elevation-md: var(--vw-elevation-md);
$vw-elevation-lg: var(--vw-elevation-lg);

// Every semantic token, by name, for iteration in docs and tests.
$vw-semantic-tokens: (
  'surface-brand': var(--vw-surface-brand),
  'surface-fixed-dark': var(--vw-surface-fixed-dark),
  'surface-brand-bar': var(--vw-surface-brand-bar),
  'text-on-brand': var(--vw-text-on-brand),
  'text-on-fixed-dark': var(--vw-text-on-fixed-dark),
  'text-on-fixed-dark-secondary': var(--vw-text-on-fixed-dark-secondary),
  'text-on-media': var(--vw-text-on-media),
  'text-on-media-secondary': var(--vw-text-on-media-secondary),
  'border-on-fixed-dark': var(--vw-border-on-fixed-dark),
  'border-on-brand': var(--vw-border-on-brand),
  'action-primary-bg': var(--vw-action-primary-bg),
  'action-primary-bg-hover': var(--vw-action-primary-bg-hover),
  'action-primary-bg-active': var(--vw-action-primary-bg-active),
  'action-primary-fg': var(--vw-action-primary-fg),
  'action-primary-fg-disabled': var(--vw-action-primary-fg-disabled),
  'action-secondary-fg-disabled': var(--vw-action-secondary-fg-disabled),
  'action-tertiary-bg': var(--vw-action-tertiary-bg),
  'action-tertiary-bg-disabled': var(--vw-action-tertiary-bg-disabled),
  'action-tertiary-fg-disabled': var(--vw-action-tertiary-fg-disabled),
  'feedback-warning-bg': var(--vw-feedback-warning-bg),
  'feedback-warning-fg': var(--vw-feedback-warning-fg),
  'radius-control': var(--vw-radius-control),
  'radius-container': var(--vw-radius-container),
  'radius-pill': var(--vw-radius-pill),
  'radius-key': var(--vw-radius-key),
  'type-page-title-size': var(--vw-type-page-title-size),
  'type-page-title-line': var(--vw-type-page-title-line),
  'type-section-title-size': var(--vw-type-section-title-size),
  'type-section-title-line': var(--vw-type-section-title-line),
  'type-subsection-title-size': var(--vw-type-subsection-title-size),
  'type-subsection-title-line': var(--vw-type-subsection-title-line),
  'type-card-title-size': var(--vw-type-card-title-size),
  'type-card-title-line': var(--vw-type-card-title-line),
  'type-lead-size': var(--vw-type-lead-size),
  'type-lead-line': var(--vw-type-lead-line),
  'type-action-label-size': var(--vw-type-action-label-size),
  'type-action-label-line': var(--vw-type-action-label-line),
  'type-overline-size': var(--vw-type-overline-size),
  'type-overline-line': var(--vw-type-overline-line),
  'type-body-size': var(--vw-type-body-size),
  'type-body-line': var(--vw-type-body-line),
  'type-body-compact-size': var(--vw-type-body-compact-size),
  'type-body-compact-line': var(--vw-type-body-compact-line),
  'type-caption-size': var(--vw-type-caption-size),
  'type-caption-line': var(--vw-type-caption-line),
  'type-hero-title-size': var(--vw-type-hero-title-size),
  'type-hero-title-line': var(--vw-type-hero-title-line),
  'space-keypad-gutter': var(--vw-space-keypad-gutter),
  'surface-page': var(--vw-surface-page),
  'surface-raised': var(--vw-surface-raised),
  'surface-sunken': var(--vw-surface-sunken),
  'surface-inverse': var(--vw-surface-inverse),
  'surface-disabled': var(--vw-surface-disabled),
  'surface-brand-veil': var(--vw-surface-brand-veil),
  'surface-media-veil': var(--vw-surface-media-veil),
  'surface-inset': var(--vw-surface-inset),
  'surface-inset-on-brand': var(--vw-surface-inset-on-brand),
  'text-primary': var(--vw-text-primary),
  'text-secondary': var(--vw-text-secondary),
  'text-disabled': var(--vw-text-disabled),
  'text-inverse': var(--vw-text-inverse),
  'text-inverse-secondary': var(--vw-text-inverse-secondary),
  'text-link': var(--vw-text-link),
  'border-subtle': var(--vw-border-subtle),
  'border-default': var(--vw-border-default),
  'border-strong': var(--vw-border-strong),
  'border-focus': var(--vw-border-focus),
  'border-inverse': var(--vw-border-inverse),
  'action-primary-bg-disabled': var(--vw-action-primary-bg-disabled),
  'action-secondary-bg': var(--vw-action-secondary-bg),
  'action-secondary-bg-hover': var(--vw-action-secondary-bg-hover),
  'action-secondary-bg-active': var(--vw-action-secondary-bg-active),
  'action-secondary-bg-disabled': var(--vw-action-secondary-bg-disabled),
  'action-secondary-fg': var(--vw-action-secondary-fg),
  'action-tertiary-bg-hover': var(--vw-action-tertiary-bg-hover),
  'action-tertiary-bg-active': var(--vw-action-tertiary-bg-active),
  'action-tertiary-fg': var(--vw-action-tertiary-fg),
  'feedback-info-bg': var(--vw-feedback-info-bg),
  'feedback-info-fg': var(--vw-feedback-info-fg),
  'feedback-success-bg': var(--vw-feedback-success-bg),
  'feedback-success-fg': var(--vw-feedback-success-fg),
  'feedback-error-bg': var(--vw-feedback-error-bg),
  'feedback-error-fg': var(--vw-feedback-error-fg),
  'feedback-error-surface': var(--vw-feedback-error-surface),
  'feedback-error-inset': var(--vw-feedback-error-inset),
  'feedback-error-text': var(--vw-feedback-error-text),
  'feedback-error-text-secondary': var(--vw-feedback-error-text-secondary),
  'shadow-sm': var(--vw-shadow-sm),
  'shadow-md': var(--vw-shadow-md),
  'shadow-lg': var(--vw-shadow-lg),
  'syntax-key': var(--vw-syntax-key),
  'syntax-string': var(--vw-syntax-string),
  'syntax-number': var(--vw-syntax-number),
  'syntax-literal': var(--vw-syntax-literal),
  'syntax-punctuation': var(--vw-syntax-punctuation),
  'indicator-active': var(--vw-indicator-active),
  'indicator-inactive': var(--vw-indicator-inactive)
);