@theme {
  --danger-fg: var(--base-fg);
  --danger-bg-low-hover: var(--color-red-100);
  --danger-bg-low-active: var(--color-red-200);
  --danger-bg: var(--color-red-600);
  --danger-bg-high-hover: var(--color-red-700);
  --danger-bg-high-active: var(--color-red-800);
  --danger-border-color: var(--color-transparent);
  --success-fg: var(--base-fg);
  --success-bg-low-hover: var(--color-green-100);
  --success-bg-low-active: var(--color-green-200);
  --success-bg: var(--color-green-600);
  --success-bg-high-hover: var(--color-green-700);
  --success-bg-high-active: var(--color-green-800);
  --info-fg: var(--base-fg);
  --info-bg-low-hover: var(--color-sky-100);
  --info-bg-low-active: var(--color-sky-200);
  --info-bg: var(--color-sky-600);
  --info-bg-high-hover: var(--color-sky-700);
  --info-bg-high-active: var(--color-sky-800);
  --info-border-color: var(--color-transparent);
  --warning-fg: var(--base-fg);
  --warning-bg-low-hover: var(--color-amber-100);
  --warning-bg-low-active: var(--color-amber-200);
  --warning-bg: var(--color-amber-600);
  --warning-bg-high-hover: var(--color-amber-700);
  --warning-bg-high-active: var(--color-amber-800);
  --warning-border-color: var(--color-transparent);
  --emphasis-fg: var(--base-fg);
  --emphasis-bg-low-hover: var(--color-gray-100);
  --emphasis-bg-low-active: var(--color-gray-200);
  --emphasis-bg: var(--color-gray-600);
  --emphasis-bgr-high-hover: var(--color-gray-700);
  --emphasis-bg-high-active: var(--color-gray-800);
  --emphasis-border-color: var(--color-transparent);
}