:root {
  /* Brand default semantic colors */

  /* Background - Default */
  --color-bg-default-default: var(--color-white-1000);
  --color-bg-default-default-hover: var(--color-gray-100);
  --color-bg-default-support: var(--color-gray-200);
  --color-bg-default-support-hover: var(--color-gray-100);
  --color-bg-default-subtle: var(--color-gray-200);
  --color-bg-default-subtle-hover: var(--color-gray-100);
  --color-bg-disabled-default: var(--color-gray-300);
  --color-bg-disabled-support: var(--color-gray-200);

  /* Background - Brand */
  --color-bg-brand-primary: var(--color-plum-600);
  --color-bg-brand-primary-hover: var(--color-plum-500);
  --color-bg-brand-primary-support: var(--color-plum-200);
  --color-bg-brand-primary-support-hover: var(--color-plum-100);
  --color-bg-brand-secondary: var(--color-orange-300);
  --color-bg-brand-secondary-hover: var(--color-orange-200);
  --color-bg-brand-secondary-support: var(--color-orange-200);
  --color-bg-brand-secondary-support-hover: var(--color-orange-100);
  --color-bg-brand-tertiary: var(--color-plum-500);
  --color-bg-brand-tertiary-hover: var(--color-plum-400);
  --color-bg-brand-green: var(--color-green-900);
  --color-bg-brand-green-hover: var(--color-green-800);
  --color-bg-brand-plum: var(--color-plum-600);
  --color-bg-brand-plum-hover: var(--color-plum-500);
  --color-bg-brand-orange: var(--color-orange-300);
  --color-bg-brand-orange-hover: var(--color-orange-200);
  --color-bg-brand-blue: var(--color-blue-600);
  --color-bg-brand-blue-hover: var(--color-blue-500);
  --color-bg-brand-beige: var(--color-beige-200);
  --color-bg-brand-beige-hover: var(--color-beige-100);
  --color-bg-brand-yellow: var(--color-yellow-300);
  --color-bg-brand-yellow-hover: var(--color-yellow-200);

  /* Background - Status */
  --color-bg-positive-default: var(--color-semantic-green-700);
  --color-bg-positive-default-hover: var(--color-semantic-green-600);
  --color-bg-positive-support: var(--color-semantic-green-200);
  --color-bg-positive-support-hover: var(--color-semantic-green-100);
  --color-bg-positive-subtle: var(--color-semantic-green-200);
  --color-bg-positive-subtle-hover: var(--color-semantic-green-100);
  --color-bg-warning-default: var(--color-semantic-orange-700);
  --color-bg-warning-default-hover: var(--color-semantic-orange-600);
  --color-bg-warning-support: var(--color-semantic-orange-200);
  --color-bg-warning-support-hover: var(--color-semantic-orange-100);
  --color-bg-warning-subtle: var(--color-semantic-orange-200);
  --color-bg-warning-subtle-hover: var(--color-semantic-orange-100);
  --color-bg-danger-default: var(--color-semantic-red-600);
  --color-bg-danger-default-hover: var(--color-semantic-red-500);
  --color-bg-danger-support: var(--color-semantic-red-200);
  --color-bg-danger-support-hover: var(--color-semantic-red-100);
  --color-bg-danger-subtle: var(--color-semantic-red-200);
  --color-bg-danger-subtle-hover: var(--color-semantic-red-100);

  /* Background - Neutral */
  --color-bg-neutral-default: var(--color-open-900);
  --color-bg-neutral-default-hover: var(--color-open-800);
  --color-bg-neutral-support: var(--color-open-400);
  --color-bg-neutral-support-hover: var(--color-open-300);
  --color-bg-neutral-subtle: var(--color-open-200);
  --color-bg-neutral-subtle-hover: var(--color-open-100);

  /* Background - Highlight */
  --color-bg-highlight-highlight-1: var(--color-plum-300);
  --color-bg-highlight-highlight-2: var(--color-green-300);
  --color-bg-highlight-highlight-3: var(--color-plum-500);
  --color-bg-highlight-highlight-4: var(--color-orange-400);
  --color-bg-highlight-highlight-5: var(--color-orange-600);

  /* Background - Surface */
  --color-bg-surface-light-surface-1: var(--color-open-200);
  --color-bg-surface-light-surface-2: var(--color-beige-100);
  --color-bg-surface-light-surface-3: var(--color-beige-200);
  --color-bg-surface-light-surface-4: var(--color-beige-400);
  --color-bg-surface-light-surface-5: var(--color-beige-500);
  --color-bg-surface-light-surface-6: var(--color-beige-600);
  --color-bg-surface-dark-surface-1: var(--color-bg-brand-primary);
  --color-bg-surface-dark-surface-2: var(--color-gray-800);
  --color-bg-surface-light-default: var(--color-bg-default-default);

  /* Background - Utilities */
  --color-bg-utilities-scrim: var(--color-white-600);
  --color-bg-utilities-overlay: #0000007f;
  --color-bg-utilities-blanket: #000000b2;
  --color-bg-utilities-measurement: var(--color-gray-200);

  /* Text - Default */
  --color-text-default-default: var(--color-gray-900);
  --color-text-default-soft: var(--color-gray-700);
  --color-text-default-muted: var(--color-gray-500);
  --color-text-default-default-light: var(--color-white-1000);
  --color-text-default-soft-light: var(--color-white-700);
  --color-text-default-muted-light: var(--color-white-600);
  --color-text-default-on-default-bg: var(--color-gray-900);
  --color-text-default-on-default-bg-soft: var(--color-gray-700);
  --color-text-default-on-default-bg-muted: var(--color-gray-500);
  --color-text-default-on-default-support-bg: var(--color-gray-700);
  --color-text-default-on-default-support-bg-soft: var(--color-gray-600);
  --color-text-default-on-default-support-bg-muted: var(--color-gray-500);
  --color-text-default-on-default-subtle-bg: var(--color-gray-600);
  --color-text-default-on-default-subtle-bg-soft: var(--color-gray-600);
  --color-text-default-on-default-subtle-bg-muted: var(--color-gray-500);
  --color-text-disabled-default: var(--color-gray-400);
  --color-text-disabled-on-disabled-bg: var(--color-gray-500);

  /* Text - Brand */
  --color-text-brand-primary: var(--color-plum-600);
  --color-text-brand-primary-hover: var(--color-plum-500);
  --color-text-brand-secondary: var(--color-orange-300);
  --color-text-brand-secondary-hover: var(--color-orange-200);
  --color-text-brand-tertiary: var(--color-plum-500);
  --color-text-brand-tertiary-hover: var(--color-plum-400);
  --color-text-brand-on-brand-primary-bg: var(--color-white-1000);
  --color-text-brand-on-brand-primary-bg-soft: var(--color-white-800);
  --color-text-brand-on-brand-primary-support-bg: var(--color-plum-700);
  --color-text-brand-on-brand-primary-support-bg-soft: var(--color-plum-600);
  --color-text-brand-on-brand-secondary-bg: var(--color-plum-800);
  --color-text-brand-on-brand-secondary-bg-soft: var(--color-plum-600);
  --color-text-brand-on-brand-secondary-support-bg: var(--color-plum-800);
  --color-text-brand-on-brand-secondary-support-bg-soft: var(--color-plum-800);
  --color-text-brand-on-brand-tertiary-bg: var(--color-white-1000);
  --color-text-brand-on-brand-tertiary-bg-soft: var(--color-white-800);

  /* Text - Status */
  --color-text-positive-default: var(--color-semantic-green-600);
  --color-text-positive-soft: var(--color-semantic-green-400);
  --color-text-positive-muted: var(--color-semantic-green-400);
  --color-text-positive-on-positive-bg: var(--color-white-1000);
  --color-text-positive-on-positive-support-bg: var(--color-semantic-green-1000);
  --color-text-positive-on-positive-subtle-bg: var(--color-semantic-green-1000);
  --color-text-warning-default: var(--color-semantic-orange-400);
  --color-text-warning-soft: var(--color-semantic-orange-400);
  --color-text-warning-muted: var(--color-semantic-orange-400);
  --color-text-warning-on-warning-bg: var(--color-white-1000);
  --color-text-warning-on-warning-support-bg: var(--color-semantic-orange-1000);
  --color-text-warning-on-warning-subtle-bg: var(--color-semantic-orange-1000);
  --color-text-danger-default: var(--color-semantic-red-700);
  --color-text-danger-soft: var(--color-semantic-red-600);
  --color-text-danger-muted: var(--color-semantic-red-600);
  --color-text-danger-on-danger: var(--color-white-1000);
  --color-text-danger-on-danger-support-bg: var(--color-semantic-red-800);
  --color-text-danger-on-danger-subtle-bg: var(--color-semantic-red-800);

  /* Text - Neutral */
  --color-text-neutral-default: var(--color-open-900);
  --color-text-neutral-soft: var(--color-open-800);
  --color-text-neutral-muted: var(--color-open-800);
  --color-text-neutral-on-neutral-bg: var(--color-open-100);
  --color-text-neutral-on-neutral-support-bg: var(--color-open-1000);
  --color-text-neutral-on-neutral-subtle-bg: var(--color-open-1000);

  /* Text - Link */
  --color-text-link-default: var(--color-text-brand-primary);
  --color-text-link-default-hover: var(--color-text-brand-primary-hover);
  --color-text-link-default-light: var(--color-green-300);
  --color-text-link-default-light-hover: var(--color-green-200);

  /* Text - Highlight */
  --color-text-highlight-on-highlight-1-bg: var(--color-text-brand-on-brand-primary-support-bg);
  --color-text-highlight-on-highlight-2-bg: var(--color-text-default-default);
  --color-text-highlight-on-highlight-3-bg: var(--color-text-brand-on-brand-primary-bg);
  --color-text-highlight-on-highlight-4-bg: var(--color-text-brand-on-brand-secondary-bg);
  --color-text-highlight-on-highlight-5-bg: var(--color-text-default-default);
  --color-text-highlight-on-highlight-1-bg-soft: var(--color-plum-gray-600);
  --color-text-highlight-on-highlight-2-bg-soft: var(--color-gray-700);
  --color-text-highlight-on-highlight-3-bg-soft: var(--color-white-800);
  --color-text-highlight-on-highlight-4-bg-soft: var(--color-plum-gray-600);
  --color-text-highlight-on-highlight-5-bg-soft: var(--color-gray-800);

  /* Text - Surface */
  --color-text-surface-light-on-surface-1-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-1-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-2-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-2-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-3-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-3-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-4-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-4-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-5-bg: var(--color-gray-1000);
  --color-text-surface-light-on-surface-5-bg-soft: var(--color-text-default-default);
  --color-text-surface-light-on-surface-6-bg: var(--color-gray-1000);
  --color-text-surface-light-on-surface-6-bg-soft: var(--color-text-default-default);
  --color-text-surface-light-on-surface-default-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-default-bg-soft: var(--color-text-default-soft);
  --color-text-surface-dark-on-surface-1-bg: var(--color-text-brand-on-brand-primary-bg);
  --color-text-surface-dark-on-surface-1-bg-soft: var(--color-text-default-soft-light);
  --color-text-surface-dark-on-surface-2-bg: var(--color-text-default-default-light);
  --color-text-surface-dark-on-surface-2-bg-soft: var(--color-text-default-soft-light);

  /* Text - Utilities */
  --color-text-utilities-text-on-overlay: var(--color-white-1000);
  --color-text-utilities-text-on-measurement: var(--color-gray-800);

  /* Icon - Default */
  --color-icon-default-default: var(--color-gray-900);
  --color-icon-default-soft: var(--color-gray-700);
  --color-icon-default-muted: var(--color-gray-500);
  --color-icon-default-default-light: var(--color-white-1000);
  --color-icon-default-soft-light: var(--color-white-700);
  --color-icon-default-muted-light: var(--color-white-600);
  --color-icon-disabled-default: var(--color-gray-400);
  --color-icon-disabled-on-disabled-bg: var(--color-gray-500);

  /* Icon - Brand */
  --color-icon-brand-primary: var(--color-plum-600);
  --color-icon-brand-primary-hover: var(--color-plum-500);
  --color-icon-brand-secondary: var(--color-orange-300);
  --color-icon-brand-secondary-hover: var(--color-orange-200);
  --color-icon-brand-tertiary: var(--color-plum-500);
  --color-icon-brand-tertiary-hover: var(--color-plum-400);
  --color-icon-brand-on-brand-primary-bg: var(--color-white-1000);
  --color-icon-brand-on-brand-primary-support-bg: var(--color-plum-700);
  --color-icon-brand-on-brand-secondary-bg: var(--color-plum-800);
  --color-icon-brand-on-brand-secondary-support-bg: var(--color-plum-800);
  --color-icon-brand-on-brand-tertiary-bg: var(--color-white-1000);

  /* Icon - Status */
  --color-icon-positive-default: var(--color-semantic-green-600);
  --color-icon-positive-soft: var(--color-semantic-green-400);
  --color-icon-positive-muted: var(--color-semantic-green-400);
  --color-icon-positive-on-positive-bg: var(--color-white-1000);
  --color-icon-positive-on-positive-support-bg: var(--color-semantic-green-1000);
  --color-icon-positive-on-positive-subtle-bg: var(--color-semantic-green-1000);
  --color-icon-warning-default: var(--color-semantic-orange-400);
  --color-icon-warning-soft: var(--color-semantic-orange-400);
  --color-icon-warning-muted: var(--color-semantic-orange-400);
  --color-icon-warning-on-warning-bg: var(--color-white-1000);
  --color-icon-warning-on-warning-support-bg: var(--color-semantic-orange-1000);
  --color-icon-warning-on-warning-subtle-bg: var(--color-semantic-orange-1000);
  --color-icon-danger-default: var(--color-semantic-red-700);
  --color-icon-danger-soft: var(--color-semantic-red-600);
  --color-icon-danger-muted: var(--color-semantic-red-600);
  --color-icon-danger-on-danger-bg: var(--color-white-1000);
  --color-icon-danger-on-danger-support-bg: var(--color-semantic-red-800);
  --color-icon-danger-on-danger-subtle-bg: var(--color-semantic-red-800);

  /* Icon - Neutral */
  --color-icon-neutral-default: var(--color-open-900);
  --color-icon-neutral-soft: var(--color-open-800);
  --color-icon-neutral-muted: var(--color-open-800);
  --color-icon-neutral-on-neutral-bg: var(--color-open-100);
  --color-icon-neutral-on-neutral-support-bg: var(--color-open-1000);
  --color-icon-neutral-on-neutral-subtle-bg: var(--color-open-1000);

  /* Icon - Link */
  --color-icon-link-default: var(--color-icon-brand-primary);
  --color-icon-link-default-hover: var(--color-icon-brand-primary-hover);
  --color-icon-link-default-light: var(--color-green-300);
  --color-icon-link-default-light-hover: var(--color-green-200);

  /* Icon - Highlight */
  --color-icon-highlight-highlight-1: var(--color-plum-300);
  --color-icon-highlight-highlight-2: var(--color-green-300);
  --color-icon-highlight-highlight-3: var(--color-plum-500);
  --color-icon-highlight-highlight-4: var(--color-orange-400);
  --color-icon-highlight-highlight-5: var(--color-orange-600);
  --color-icon-highlight-on-highlight-1-bg: var(--color-icon-brand-on-brand-primary-support-bg);
  --color-icon-highlight-on-highlight-2-bg: var(--color-icon-default-default);
  --color-icon-highlight-on-highlight-3-bg: var(--color-icon-brand-on-brand-primary-bg);
  --color-icon-highlight-on-highlight-4-bg: var(--color-icon-brand-on-brand-secondary-bg);
  --color-icon-highlight-on-highlight-5-bg: var(--color-icon-default-default);

  /* Icon - Surface */
  --color-icon-surface-light-on-surface-1-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-2-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-3-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-4-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-5-bg: var(--color-gray-1000);
  --color-icon-surface-light-on-surface-6-bg: var(--color-gray-1000);
  --color-icon-surface-light-on-surface-default-bg: var(--color-icon-default-default);
  --color-icon-surface-dark-on-surface-1-bg: var(--color-icon-brand-on-brand-primary-bg);
  --color-icon-surface-dark-on-surface-2-bg: var(--color-icon-default-default-light);

  /* Icon - Utilities */
  --color-icon-utilities-icon: var(--color-gray-600);
  --color-icon-utilities-icon-on-measurement: var(--color-gray-800);

  /* Border - Default */
  --color-border-default-default: var(--color-gray-300);
  --color-border-default-default-hover: var(--color-gray-200);
  --color-border-default-default-light: var(--color-white-1000);
  --color-border-default-default-light-hover: var(--color-white-800);
  --color-border-default-support: var(--color-gray-200);
  --color-border-default-support-hover: var(--color-gray-100);
  --color-border-default-subtle: var(--color-gray-200);
  --color-border-default-subtle-hover: var(--color-gray-100);
  --color-border-disabled-default: var(--color-gray-300);
  --color-border-disabled-support: var(--color-gray-200);
  --color-border-disabled-on-disabled-bg: var(--color-gray-500);

  /* Border - Brand */
  --color-border-brand-primary: var(--color-plum-600);
  --color-border-brand-primary-hover: var(--color-plum-500);
  --color-border-brand-primary-support: var(--color-plum-200);
  --color-border-brand-primary-support-hover: var(--color-plum-100);
  --color-border-brand-secondary: var(--color-orange-300);
  --color-border-brand-secondary-hover: var(--color-orange-200);
  --color-border-brand-secondary-support: var(--color-orange-200);
  --color-border-brand-secondary-support-hover-2: var(--color-orange-100);
  --color-border-brand-tertiary: var(--color-plum-500);
  --color-border-brand-tertiary-hover: var(--color-plum-400);
  --color-border-brand-green: var(--color-green-900);
  --color-border-brand-green-hover: var(--color-green-800);
  --color-border-brand-plum: var(--color-plum-600);
  --color-border-brand-plum-hover: var(--color-plum-500);
  --color-border-brand-orange: var(--color-orange-300);
  --color-border-brand-orange-hover: var(--color-orange-200);
  --color-border-brand-blue: var(--color-blue-600);
  --color-border-brand-blue-hover: var(--color-blue-700);
  --color-border-brand-beige: var(--color-beige-200);
  --color-border-brand-beige-hover: var(--color-beige-100);
  --color-border-brand-yellow: var(--color-yellow-300);
  --color-border-brand-yellow-hover: var(--color-yellow-200);

  /* Border - Status */
  --color-border-positive-default: var(--color-semantic-green-700);
  --color-border-positive-default-hover: var(--color-semantic-green-600);
  --color-border-positive-support: var(--color-semantic-green-200);
  --color-border-positive-support-hover: var(--color-semantic-green-100);
  --color-border-positive-subtle: var(--color-semantic-green-200);
  --color-border-positive-subtle-hover: var(--color-semantic-green-100);
  --color-border-warning-default: var(--color-semantic-orange-700);
  --color-border-warning-default-hover: var(--color-semantic-orange-600);
  --color-border-warning-support: var(--color-semantic-orange-200);
  --color-border-warning-support-hover: var(--color-semantic-orange-100);
  --color-border-warning-subtle: var(--color-semantic-orange-200);
  --color-border-warning-subtle-hover: var(--color-semantic-orange-100);
  --color-border-danger-default: var(--color-semantic-red-600);
  --color-border-danger-default-hover: var(--color-semantic-red-500);
  --color-border-danger-support: var(--color-semantic-red-200);
  --color-border-danger-support-hover: var(--color-semantic-red-100);
  --color-border-danger-subtle: var(--color-semantic-red-200);
  --color-border-danger-subtle-hover: var(--color-semantic-red-100);

  /* Border - Neutral */
  --color-border-neutral-default: var(--color-open-900);
  --color-border-neutral-default-hover: var(--color-open-800);
  --color-border-neutral-support: var(--color-open-400);
  --color-border-neutral-support-hover: var(--color-open-300);
  --color-border-neutral-subtle: var(--color-open-200);
  --color-border-neutral-subtle-hover: var(--color-open-100);

  /* Border - Highlight */
  --color-border-highlight-highlight-1: var(--color-plum-300);
  --color-border-highlight-highlight-2: var(--color-green-300);
  --color-border-highlight-highlight-3: var(--color-plum-500);
  --color-border-highlight-highlight-4: var(--color-orange-400);
  --color-border-highlight-highlight-5: var(--color-orange-600);

  /* Border - Surface */
  --color-border-surface-light-surface-1: var(--color-open-200);
  --color-border-surface-light-surface-2: var(--color-beige-100);
  --color-border-surface-light-surface-3: var(--color-beige-300);
  --color-border-surface-light-surface-4: var(--color-beige-400);
  --color-border-surface-light-surface-5: var(--color-beige-500);
  --color-border-surface-light-surface-6: var(--color-beige-600);
  --color-border-surface-dark-surface-1: var(--color-border-brand-primary);
  --color-border-surface-dark-surface-2: var(--color-gray-800);
  --color-border-surface-light-default: var(--color-border-default-default-light);

  /* Border - Utilities */
  --color-border-utilities-measurement: var(--color-gray-400);
  --color-border-utilities-swatch: #0000003d;
}