/* -------------------------------------------
 * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * Color Design Tokens
 * ------------------------------------------- */

:root {
  --color-bg-alpha: var(--global-color-orange-100);
  --color-bg-beta: var(--global-color-teal-100);
  --color-bg-brand: var(--global-color-blue-500);
  --color-bg-critical: var(--global-color-red-500);
  --color-bg-disabled: var(--global-color-gray-200);
  --color-bg-info: var(--global-color-blue-500);
  --color-bg-inverted: var(--global-color-gray-800);
  --color-bg-neutral: var(--global-color-base-white);
  --color-bg-new: var(--global-color-green-100);
  --color-bg-subtle: var(--global-color-gray-100);
  --color-bg-success: var(--global-color-green-600);
  --color-bg-upgrade: var(--global-color-purple-100);
  --color-bg-warning: var(--global-color-yellow-500);
  --color-bg-xsubtle: var(--global-color-gray-a-0);
  --color-bg-a-strong: var(--global-color-gray-a-700);
  --color-bg-a-subtle: var(--global-color-gray-a-200);
  --color-bg-brand-inverted: var(--global-color-blue-900);
  --color-bg-brand-strong: var(--global-color-blue-600);
  --color-bg-brand-subtle: var(--global-color-blue-100);
  --color-bg-brand-xstrong: var(--global-color-blue-700);
  --color-bg-brand-xsubtle: var(--global-color-blue-25);
  --color-bg-brand-a-strong: var(--global-color-blue-500);
  --color-bg-brand-a-subtle: var(--global-color-blue-500);
  --color-bg-brand-inverted-subtle: var(--global-color-blue-900);
  --color-bg-critical-strong: var(--global-color-red-600);
  --color-bg-critical-subtle: var(--global-color-red-100);
  --color-bg-info-subtle: var(--global-color-blue-100);
  --color-bg-inverted-strong: var(--global-color-gray-900);
  --color-bg-on-dark: var(--global-color-base-white);
  --color-bg-on-light: var(--global-color-base-black);
  --color-bg-success-strong: var(--global-color-green-700);
  --color-bg-success-subtle: var(--global-color-green-100);
  --color-bg-surface-accent: var(--global-color-blue-25);
  --color-bg-surface-brand: var(--global-color-blue-100);
  --color-bg-surface-critical: var(--global-color-red-100);
  --color-bg-surface-floating: var(--global-color-base-white);
  --color-bg-surface-info: var(--global-color-blue-100);
  --color-bg-surface-muted: var(--global-color-gray-50);
  --color-bg-surface-neutral: var(--global-color-base-white);
  --color-bg-surface-raised: var(--global-color-base-white);
  --color-bg-surface-sunken: var(--global-color-gray-50);
  --color-bg-surface-warning: var(--global-color-yellow-100);
  --color-bg-warning-strong: var(--global-color-yellow-600);
  --color-bg-warning-subtle: var(--global-color-yellow-100);
  --color-border-brand: var(--global-color-blue-500);
  --color-border-critical: var(--global-color-red-500);
  --color-border-disabled: var(--global-color-gray-200);
  --color-border-info: var(--global-color-blue-500);
  --color-border-inverted: var(--global-color-gray-900);
  --color-border-neutral: var(--global-color-gray-500);
  --color-border-subtle: var(--global-color-gray-200);
  --color-border-success: var(--global-color-green-500);
  --color-border-warning: var(--global-color-yellow-500);
  --color-border-xsubtle: var(--global-color-gray-200);
  --color-border-brand-strong: var(--global-color-blue-600);
  --color-border-brand-subtle: var(--global-color-blue-400);
  --color-border-brand-xsubtle: var(--global-color-blue-300);
  --color-border-critical-subtle: var(--global-color-red-400);
  --color-border-on-dark: var(--global-color-gray-700);
  --color-border-surface-brand: var(--global-color-blue-200);
  --color-border-surface-critical: var(--global-color-red-200);
  --color-border-surface-floating: var(--global-color-gray-200);
  --color-border-surface-info: var(--global-color-blue-200);
  --color-border-surface-neutral: var(--global-color-gray-200);
  --color-border-surface-raised: var(--global-color-gray-200);
  --color-border-surface-warning: var(--global-color-yellow-200);
  --color-border-warning-subtle: var(--global-color-yellow-400);
  --color-link-enabled: var(--global-color-blue-600);
  --color-link-hover: var(--global-color-blue-700);
  --color-link-inverted: var(--global-color-base-white);
  --color-link-visited: var(--global-color-blue-800);
  --color-link-inverted-strong: var(--global-color-blue-100);
  --color-link-secondary-enabled: var(--color-text-neutral);
  --color-link-secondary-hover: var(--color-text-subtle);
  --color-link-secondary-visited: var(--color-text-subtle);
  --color-text-alpha: var(--global-color-orange-700);
  --color-text-beta: var(--global-color-teal-700);
  --color-text-brand: var(--global-color-blue-700);
  --color-text-critical: var(--global-color-red-700);
  --color-text-disabled: var(--global-color-gray-700);
  --color-text-info: var(--global-color-blue-700);
  --color-text-inverted: var(--global-color-base-white);
  --color-text-neutral: var(--global-color-gray-900);
  --color-text-new: var(--global-color-green-700);
  --color-text-subtle: var(--global-color-gray-800);
  --color-text-success: var(--global-color-green-700);
  --color-text-upgrade: var(--global-color-purple-700);
  --color-text-warning: var(--global-color-yellow-700);
  --color-text-brand-on-dark: var(--global-color-blue-800);
  --color-text-critical-strong: var(--global-color-red-800);
  --color-text-inverted-disabled: var(--global-color-gray-300);
  --color-text-on-dark: var(--global-color-base-white);
  --color-text-on-light: var(--global-color-base-black);
  --color-tooltip-bg: var(--color-bg-inverted);
}

:root.dark {
  --color-bg-alpha: var(--global-color-orange-a-200);
  --color-bg-beta: var(--global-color-teal-a-200);
  --color-bg-critical: var(--global-color-red-400);
  --color-bg-disabled: var(--global-color-gray-a-50);
  --color-bg-info: var(--global-color-blue-400);
  --color-bg-inverted: var(--global-color-gray-700);
  --color-bg-neutral: var(--global-color-gray-100);
  --color-bg-new: var(--global-color-green-a-200);
  --color-bg-subtle: var(--global-color-gray-a-100);
  --color-bg-upgrade: var(--global-color-purple-a-400);
  --color-bg-warning: var(--global-color-yellow-400);
  --color-bg-xsubtle: var(--global-color-gray-a-50);
  --color-bg-a-subtle: var(--global-color-gray-a-100);
  --color-bg-brand-subtle: var(--global-color-blue-a-300);
  --color-bg-brand-xstrong: var(--global-color-blue-800);
  --color-bg-brand-xsubtle: var(--global-color-blue-a-50);
  --color-bg-brand-a-strong: var(--global-color-blue-a-800);
  --color-bg-brand-a-subtle: var(--global-color-blue-a-200);
  --color-bg-brand-inverted-subtle: var(--global-color-blue-800);
  --color-bg-critical-strong: var(--global-color-red-500);
  --color-bg-critical-subtle: var(--global-color-red-a-200);
  --color-bg-info-subtle: var(--global-color-blue-a-200);
  --color-bg-inverted-strong: var(--global-color-gray-600);
  --color-bg-success-subtle: var(--global-color-green-a-100);
  --color-bg-surface-accent: var(--global-color-gray-200);
  --color-bg-surface-critical: var(--global-color-red-a-200);
  --color-bg-surface-floating: var(--global-color-gray-300);
  --color-bg-surface-info: var(--global-color-blue-a-200);
  --color-bg-surface-muted: var(--global-color-gray-200);
  --color-bg-surface-neutral: var(--global-color-gray-100);
  --color-bg-surface-raised: var(--global-color-gray-200);
  --color-bg-surface-sunken: var(--global-color-base-black);
  --color-bg-surface-warning: var(--global-color-yellow-a-200);
  --color-bg-warning-strong: var(--global-color-yellow-500);
  --color-bg-warning-subtle: var(--global-color-yellow-a-200);
  --color-border-brand: var(--global-color-blue-600);
  --color-border-critical: var(--global-color-red-600);
  --color-border-disabled: var(--global-color-gray-300);
  --color-border-info: var(--global-color-blue-600);
  --color-border-neutral: var(--global-color-gray-a-400);
  --color-border-subtle: var(--global-color-gray-a-100);
  --color-border-success: var(--global-color-green-600);
  --color-border-warning: var(--global-color-yellow-600);
  --color-border-xsubtle: var(--global-color-gray-a-50);
  --color-border-brand-strong: var(--global-color-blue-a-800);
  --color-border-brand-subtle: var(--global-color-blue-a-600);
  --color-border-brand-xsubtle: var(--global-color-blue-a-300);
  --color-border-surface-critical: var(--global-color-red-100);
  --color-border-surface-floating: var(--global-color-gray-500);
  --color-border-surface-info: var(--global-color-blue-a-200);
  --color-border-surface-neutral: var(--global-color-gray-300);
  --color-border-surface-raised: var(--global-color-gray-400);
  --color-border-surface-warning: var(--global-color-yellow-100);
  --color-border-warning-subtle: var(--global-color-yellow-600);
  --color-link-inverted: var(--global-color-gray-50);
  --color-text-brand: var(--global-color-blue-800);
  --color-text-info: var(--global-color-blue-900);
  --color-text-inverted: var(--global-color-gray-50);
  --color-text-upgrade: var(--global-color-purple-500);
  --color-text-brand-on-dark: var(--global-color-gray-900);
  --color-text-on-light: var(--global-color-gray-100);
  --color-tooltip-bg: var(--global-color-gray-600);
}

:root.visualrefresh.light {
  --color-bg-alpha: var(--global-color-red-a-200);
  --color-bg-beta: var(--global-color-teal-a-200);
  --color-bg-brand: var(--global-color-green-300);
  --color-bg-critical: var(--global-color-red-300);
  --color-bg-disabled: var(--global-color-gray-300);
  --color-bg-info: var(--global-color-blue-300);
  --color-bg-new: var(--global-color-pink-a-200);
  --color-bg-subtle: var(--global-color-gray-200);
  --color-bg-success: var(--global-color-green-300);
  --color-bg-upgrade: var(--global-color-purple-a-200);
  --color-bg-warning: var(--global-color-yellow-300);
  --color-bg-a-subtle: var(--global-color-gray-a-25);
  --color-bg-brand-inverted: var(--global-color-green-900);
  --color-bg-brand-strong: var(--global-color-green-400);
  --color-bg-brand-subtle: var(--global-color-green-100);
  --color-bg-brand-xstrong: var(--global-color-green-600);
  --color-bg-brand-xsubtle: var(--global-color-green-50);
  --color-bg-brand-a-strong: var(--global-color-green-a-400);
  --color-bg-brand-a-subtle: var(--global-color-green-a-300);
  --color-bg-brand-inverted-subtle: var(--global-color-green-800);
  --color-bg-critical-strong: var(--global-color-red-400);
  --color-bg-critical-subtle: var(--global-color-red-a-200);
  --color-bg-inverted-strong: var(--global-color-gray-600);
  --color-bg-success-strong: var(--global-color-green-400);
  --color-bg-surface-accent: var(--global-color-green-50);
  --color-bg-surface-brand: var(--global-color-gray-100);
  --color-bg-surface-critical: var(--global-color-red-300);
  --color-bg-surface-info: var(--global-color-blue-300);
  --color-bg-surface-muted: var(--global-color-gray-100);
  --color-bg-surface-sunken: var(--global-color-gray-100);
  --color-bg-surface-warning: var(--global-color-yellow-300);
  --color-bg-warning-strong: var(--global-color-yellow-400);
  --color-border-brand: var(--global-color-green-700);
  --color-border-critical: var(--global-color-red-700);
  --color-border-disabled: var(--global-color-gray-300);
  --color-border-info: var(--global-color-blue-700);
  --color-border-subtle: var(--global-color-gray-300);
  --color-border-success: var(--global-color-green-700);
  --color-border-warning: var(--global-color-yellow-700);
  --color-border-brand-strong: var(--global-color-green-800);
  --color-border-brand-subtle: var(--global-color-green-600);
  --color-border-brand-xsubtle: var(--global-color-green-500);
  --color-border-surface-brand: var(--global-color-green-100);
  --color-border-surface-critical: var(--global-color-red-100);
  --color-border-surface-info: var(--global-color-blue-a-200);
  --color-border-surface-warning: var(--global-color-yellow-100);
  --color-border-warning-subtle: var(--global-color-yellow-500);
  --color-link-enabled: var(--global-color-green-700);
  --color-link-hover: var(--global-color-green-800);
  --color-link-visited: var(--global-color-green-900);
  --color-link-inverted-strong: var(--global-color-green-200);
  --color-text-alpha: var(--global-color-red-800);
  --color-text-beta: var(--global-color-teal-800);
  --color-text-brand: var(--global-color-green-700);
  --color-text-critical: var(--global-color-red-800);
  --color-text-disabled: var(--global-color-gray-600);
  --color-text-info: var(--global-color-blue-800);
  --color-text-neutral: var(--global-color-gray-800);
  --color-text-new: var(--global-color-pink-800);
  --color-text-subtle: var(--global-color-gray-700);
  --color-text-warning: var(--global-color-yellow-800);
  --color-text-brand-on-dark: var(--global-color-green-50);
  --color-text-on-light: var(--global-color-gray-800);
}

:root.visualrefresh.dark {
  --color-bg-alpha: var(--global-color-red-a-200);
  --color-bg-brand: var(--global-color-green-700);
  --color-bg-critical: var(--global-color-red-500);
  --color-bg-new: var(--global-color-pink-a-200);
  --color-bg-success: var(--global-color-green-300);
  --color-bg-brand-inverted: var(--global-color-green-900);
  --color-bg-brand-strong: var(--global-color-green-600);
  --color-bg-brand-subtle: var(--global-color-green-a-300);
  --color-bg-brand-xstrong: var(--global-color-green-800);
  --color-bg-brand-xsubtle: var(--global-color-green-a-100);
  --color-bg-brand-a-strong: var(--global-color-green-a-800);
  --color-bg-brand-a-subtle: var(--global-color-green-a-200);
  --color-bg-brand-inverted-subtle: var(--global-color-green-800);
  --color-bg-critical-strong: var(--global-color-red-400);
  --color-bg-success-strong: var(--global-color-green-400);
  --color-bg-surface-brand: var(--global-color-green-50);
  --color-bg-surface-sunken: var(--global-color-gray-50);
  --color-border-brand: var(--global-color-green-600);
  --color-border-brand-strong: var(--global-color-green-a-800);
  --color-border-brand-subtle: var(--global-color-green-a-600);
  --color-border-brand-xsubtle: var(--global-color-green-a-50);
  --color-border-surface-brand: var(--global-color-green-100);
  --color-link-enabled: var(--global-color-green-600);
  --color-link-hover: var(--global-color-green-700);
  --color-link-visited: var(--global-color-green-800);
  --color-link-inverted-strong: var(--global-color-green-100);
  --color-text-alpha: var(--global-color-red-700);
  --color-text-brand: var(--global-color-green-900);
  --color-text-inverted: var(--global-color-gray-300);
  --color-text-new: var(--global-color-pink-700);
  --color-text-upgrade: var(--global-color-purple-600);
  --color-text-brand-on-dark: var(--global-color-green-900);
  --color-text-on-light: var(--global-color-gray-300);
}